Tổng quan về ASP.NET
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (4.53 MB, 145 trang )
ASP .NET
Vũ Song Tùng
1
2
3
Tổng quan về ASP .NET
• ASP – Active Server Pages
• ASP .NET – nền tảng phát triển ứng dụng web (web
application framework) được xây dựng bởi Microsoft
• Cho phép người lập trình tạo ra các trang web động, ứng
dụng web và dịch vụ web
• ASP .NET được biên dịch dưới dạng Common Language
Runtime (CLR), cho phép viết bằng bất kz ngôn ngữ .NET nào
• Mỗi Web Page (hay Web form) trong ASP .NET được trình bày
bằng một file .aspx
4
Tổng quan về ASP .NET
<%@ Page Language="C#" %> <! Page directive >
<html><body>
<form id="form1" runat="server">
Nhập dữ liệu: <! Static text >
<asp:TextBox id="txtName" runat="server" /> <! Web control tag >
<input type="button" value="Gửi" /> <! Html control tag >
</form>
</body></html>
<script runat="server"> <! Server-Side code >
void Page_Load(object sender, EventArgs e) {
txtName.Text = "Tổng quan";
}
</script> <! Client-Side code >
<script language="javascript">
function foo() {
}
</script>
5
Tổng quan về ASP .NET
• Các thành phần Static Text, Html Control Tag, Client-Side
Code tương tự như trong các trang .html
• Page Directives chỉ ra tập hợp các thuộc tính của page, dùng
trong quá trình dịch page của server
• Web Control Tag tạo các control từ server, chỉ có trong
ASP.NET
• Server-Side Code – đoạn mã được chạy từ server
Những thành phần do server xử l{ (server-side) đều có thuộc
tính runat="server"
6
Tổng quan về ASP .NET
• Server-Side Code có thể được viết riêng trong các file mã
nguồn như các ứng dụng Window form
• Tăng tính linh hoạt của ứng dụng, đặc biệt khi cần liên kết dữ
liệu
• Có thể tận dụng tính kế thừa của OOP
• Dùng directive @Page để xác định file mã nguồn và tên lớp
của Page
<%@ Page Language="C#"
CodeBehind="Default.aspx.cs"
Inherits="TongQuan._Default"
%>
7
Tổng quan về ASP .NET
Web server
Request
Response
ASPX Engine
Instantiate,
Process
and Render
.html
.asp
.aspx
.xml
Compile
and
Generate
Page Class
(nếu cần)
1
2
3 4
5 6
Other
Required
Classes
8
Tổng quan về ASP .NET
• Các bước xử l{ file
1. Server nhận yêu cầu một trang ASPX
2. Server xác định vị trí của file trong đĩa
3. Server gửi page đến ASP.NET Engine
4. ASP.NET Engine dịch page và tạo ra Page Class
5. ASP.NET thuyết minh class, thực hiện các process cần thiết và thiết
lập đối tượng Response
6. Server gửi đối tượng Response về cho Client
9
Tổng quan về ASP .NET
• Các sự kiện của một Page
Page_Init
•Sự kiện xảy ra khi Page được khởi tạo
Page_Load
•Sự kiện xảy ra khi load Page
Page_PreRender
•Sự kiện xảy ra trước khi Page được gửi về
client
Page_Unload
•Sự kiện xảy ra khi kết thúc Page
10
Tổng quan về ASP .NET
• Ví dụ sự kiện Page_Load
<html><form id="Form1" runat="server">
<asp:Button runat="server" Text="Reload" />
</form></html>
<script runat="server">
void Page_Load(object sender, EventArgs e) {
if (IsPostBack == false) {
Session["Count"] = 1;
Response.Write("Page được load lần đầu");
}
else {
int count = (int)Session["Count"];
Session["Count"] = ++count;
Response.Write(string.Format(
"Page được load lần thứ {0}", count));
}
}
</script>
11
Tổng quan về ASP .NET
• Tạo project
– Mở Visual Studio .NET 2010
– Chọn File\New\Project … (Ctrl+Shift+N)
– Trên cửa sổ “New Project”
1. Chọn Visual C#\Web trong “Installed Templates”
2. Chọn ASP .NET Web Application trong danh mục template
3. Nhập tên của project vào ô “Name”
4. Nhấn “OK”
12
Tổng quan về ASP .NET
1
2
3
4
13
Tổng quan về ASP .NET
• Hệ thống file của project
File/Thư
mục
Mô
tả
Properties
Các
thuộc tính của project
References
Thư
mục các namespace
Account
Thư
mục các trang về tài khoản
App_Data
Thư
mục các file dữ liệu
Scripts
Thư
mục các script
Styles
Thư
mục các file css
About.aspx
Trang giới
thiệu
Default.aspx
Trang mặc
định của ứng dụng
Global.asax
File nguồn
của class Global
Site.Master
Khung của
các trang trong ứng dụng
Web.config
File cấu
hình của ứng dụng
14
Tổng quan về ASP .NET
• Chạy ứng dụng
– Chọn Debug\Start Without Debugging (Ctrl + F5)
– Hoặc Debug\Start Debugging (F5) để chạy gỡ lỗi
• Đặt các điểm tạm dừng (BreakPoint)
• Theo dõi các đối tượng bằng các cửa sổ Watch
– Ứng dụng bắt đầu từ trang Default.aspx (nếu file hiện hành không
phải là một file aspx hoặc aspx.cs nào khác)
– Thứ tự các hàm được gọi
• Global.Application_Start
• Global.Session_Start
• _Default.Page_Load
• SiteMaster.Page_Load
15
Tổng quan về ASP .NET
Site.Master
<asp:Menu ID="NavigationMenu" >
<Items>
<asp:MenuItem
NavigateUrl="~/Default.aspx"
Text="Home"/>
<asp:MenuItem
NavigateUrl="~/About.aspx"
Text="About"/>
</Items>
</asp:Menu>
16
Tổng quan về ASP .NET
• Sử dụng Solution Explorer
– Mở một file
– Thêm một thành phần vào project
– Xóa hoặc loại bỏ một thành phần ra khỏi project
– Di chuyển các file giữa các thư mục
Chọn menu View\Solution Explorer (Ctrl + W, S) để kích hoạt Solution
Explorer
17
Tổng quan về ASP .NET
• Thêm một thành phần vào project (từ menu Project hoặc
nhấn chuột phải vào một thư mục trong Solution Explorer)
– Các file đã có
– Thư mục mới
– Thư mục của ứng dụng (chỉ khi chọn tên project trong Solution
Explorer)
– Class
– Web Form
– Web Form using Master Page
– Web User Control
– Master Page
– v. v…
18
Tổng quan về ASP .NET
• Thiết kế trang web bằng giao diện “Source”
19
Tổng quan về ASP .NET
• Thiết kế trang web bằng giao diện “Design”
20
Tổng quan về ASP .NET
21
• Tạo hàm xử l{ sự kiện nhấn “button1”
trong file aspx
– Chọn button1 trong giao diện “Design”
– Nháy đúp chuột trái vào sự kiện “Click”
trong danh sách sự kiện ở cửa sổ
“Properties”
– Hàm button1_Click sẽ được tạo ra trong
file aspx.cs
protected void button1_Click(object sender,
EventArgs e)
{
}
Tổng quan về ASP .NET
22
• Tạo hàm xử l{ sự kiện nhấn “button1” trong file aspx.cs
– Tạo hàm mới
– Hoặc ủy quyền
protected void Page_Load(object sender, EventArgs e)
{
button1.Click += delegete {
};
}
protected void Page_Load(object sender, EventArgs e)
{
button1.Click += new EventHandler(button1_Click);
}
23
ASP .NET namespaces
• Sự khoanh vùng các class khiến việc tìm kiếm và sử dụng
chúng trở nên dễ dàng
• Mỗi namespace miêu tả chính xác duy nhất một khái niệm
• Một namespace có thể bao gồm nhiều subnamespace
• Các namespace cơ bản
24
System
Collections
Web UI WebControls
Data SqlClient
Xml
ASP .NET namespaces
25
• Sử dụng namespace trong file aspx
• Sử dụng namespace trong mã nguồn
using System.Web.UI.WebControls;
using System.Data;
protected void Page_Load(object sender, EventArgs e)
{
System.Data.DataSet ds = new DataSet();
}
<% @ Import Namespace="System.Data" %>
