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...
Transcript of 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...
![Page 1: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/1.jpg)
Lương Trần Hy Hiến, 0989.366.990
1
![Page 2: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/2.jpg)
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
![Page 3: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/3.jpg)
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
![Page 4: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/4.jpg)
Mô hình ứng dụng web4
![Page 5: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/5.jpg)
Ngôn ngữ web5
![Page 6: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/6.jpg)
Web::Kiến trúc 3 tầng6
![Page 7: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/7.jpg)
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
![Page 8: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/8.jpg)
8
![Page 9: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/9.jpg)
ASP.NET::Nguyên lý hoạt động9
![Page 10: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/10.jpg)
ASP.NET::Chi tiết của luồng xử lý
10
![Page 11: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/11.jpg)
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
![Page 12: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/12.jpg)
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
![Page 13: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/13.jpg)
?
13
![Page 14: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/14.jpg)
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
![Page 15: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/15.jpg)
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
![Page 16: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/16.jpg)
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
![Page 17: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/17.jpg)
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
![Page 18: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/18.jpg)
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
![Page 19: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/19.jpg)
Wizard Control19
![Page 20: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/20.jpg)
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 21: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/21.jpg)
Page.IsPostBack
Được thêm vào sau
Click 2 lần button
21
![Page 22: 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 ứ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](https://reader033.fdocument.pub/reader033/viewer/2022041504/5e239dab5a59e1038561cae8/html5/thumbnails/22.jpg)
BÀI TẬP22