Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
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