Lương Trần Hy Hiến, 0989.366MỤC TIÊU BÀI HỌC Nắm nguyên lý hoạt động của...

Lương Trần Hy Hiến, 0989.366.990

1

MỤC TIÊU BÀI HỌC

Nắm nguyên lý hoạt động của ứng dụng web

Nắm các khái niệm về web

Nắm bản chất của ASP.NET

Nắm công nghệ, ngôn ngữ và công cụ

Hiểu môi trường phát triển tích hợp VS 2010

Hiểu website và các thành phần của nó

2

MÔI TRƯỜNG & CÔNG NGHỆ

Ứng dụng web là gì?

Nguyên lý hoạt động

Web Server: Internet Information Service (IIS)

Web Browser: IE, FireFox, Chrome, Opera,…

Database: SQL Server 2008

Integrated Development Environment (IDE):

MS Visual Studio 2010

Ngôn ngữ lập trình: ASP.NET với C#

Công cụ và thư viện hỗ trợ

3

Mô hình ứng dụng web4

Ngôn ngữ web5

Web::Kiến trúc 3 tầng6

Ví dụ mở đầu - Hello

Tạo website

Tạo trang Hello.aspx vào website

Chạy trang Hello.aspx

Khảo sát các thành phần của website

Mã ASP.NET: Hello.aspx

Mã C#: Hello.aspx.cs

Trang khởi đầu: Default.aspx (Default.aspx.cs)

Cấu hình ứng dụng: web.config

7

8

ASP.NET::Nguyên lý hoạt động9

ASP.NET::Chi tiết của luồng xử lý

10

MS Visual Studio 2010

Cửa sổ soạn thảo (Document Window): Chế độ: view/code/split

Thanh công cụ: (ToolBox) Standard Data Validation Navigation Login AJAX WebParts Reports HTML

Phần giải pháp (Solution Explorer) Bảng thuộc tính (Properties)

11

SỰ KIỆN TRANG ASP.NETPage_PreInit

Page_Init

Page_InitComplete

Page_PreLoad

Page_Load

Page_LoadComplete

Page_PreRender

Page_PreRenderComplete

<%@ Page

AutoEventWireup=“true”…

%>

12

?

13

SERVER CONTROL

SERVER CONTROL

ASP.NET SERVER

CONTROL

HTML SERVER

CONTROL

<asp:TextBox…>

<asp:CheckBox…>

<asp:Label…>

<input…runat=“server”>

<select…runat=“server”>

<textarea…runat=“server”>

14

ASP.NETSERVER CONTROL (1)

<asp:Label Text="Label“>

<asp:TextBox Text="“>

<asp:CheckBox Text="" AutoPostBack="True” Checked="true" />

<asp:RadioButton Text="" AutoPostBack="True” Checked="True" />

<asp:Image ImageUrl="" />

<asp:Button Text="" OnClick=“” CommandName=“” CommandArgument=“”>

<asp:ImageButton ImageUrl="" OnClick="" CommandName=“” CommandArgument=“”/>

<asp:LinkButton Text="" OnClick=“” CommandName=“” CommandArgument=“”>

<asp:HyperLink ImageUrl="" NavigateUrl=“”>

<asp:HiddenField Value="Hello" />

15

ASP.NETSERVER CONTROL (2)

List Controls

<asp:DropDownList>

<asp:ListBox Rows="5“ SelectionMode="Multiple”>

<asp:CheckBoxList RepeatDirection="Horizontal” RepeatLayout="Flow">

<asp:RadioButtonList RepeatDirection="Horizontal” RepeatLayout="Flow">

<asp:BulletedList BulletImageUrl="s” DisplayMode=“Text”>

Các thuộc tính hay dùng

Items

SelectedItem

AutoPostBack=“true”

DataSource, DataMember, DataTextField, DataValueField

Sự kiện

SelectedIndexChanged

16

ASP.NETSERVER CONTROL (3)

Advanced Controls

<asp:Calendar onselectionchanged=“”

SelectedDate="2012-10-13”

ShowGridLines="True">

<asp:AdRotator AdvertisementFile="~/Ads.xml“

Height="100px" Width="100px" />

<asp:FileUpload/>

17

Container Controls

<asp:Panel

GroupingText="Gender”></asp:Panel>

Sử dụng để nhóm các controls

<asp:MultiView ActiveViewIndex="1">

<asp:View></asp:View>

<asp:View></asp:View>

</asp:MultiView>

Tạo nhiều khung nhìn, mỗi thời điểm chỉ thấy 1

khung nhìn

<Wizard>

Tạo giao diện nhiều bước

18

Wizard Control19

SỰ KIỆN Page_Load &

Page.IsPostBack

Thường được sử dụng để chuẩn bị dữ liệu cho các server

controls khi trang web được gọi không phải gọi lại từ

chính nó (đẩy ngược-PostBack)

protected void Page_Load(object sender, EventArgs e)

{

if(!Page.IsPostBack){

/* mã nguồn xử lý trong trường hợp không phải đẩy ngược trở

lạiPostBack*/

}

}

20

• IsPostBack = false: load lần đầu

• IsPostBack = true: load không phải lần đầu

Page.IsPostBack

Được thêm vào sau

Click 2 lần button

21

BÀI TẬP22