L P TRÌNH WEB
TRANG MASTER VÀ CÁC ĐI*U KHI,N
TRONG ASP.NET
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
NCI DUNG
Xây d3ng trang Master.
Gi7i thi8u
Các phT o trang Master và content
L@p trình tương tác v7i trang Master
Nhóm điMu khiOn trong ASP.NET:
Gi7i thi8u
Các điMu khiOn Web server
Các ñiMu khiOn Validation,
Các ñiMu khiOn HTML server.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
2
MASTER PAGES
Master Page là gì?
Xét k ch bUn thiVt kV
m t Wng dXng web gZm
20 trang.T[t cU các
trang ñMu gi\ng nhau
vM s3 kVt h]p màu s^c,
logos, menu, ...
GiU s= thiVt kV c`a logo
thay đai:
ĐiMu gì xUy ra?
GiUi pháp gì?
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
3
MASTER PAGES
Master Page là gì?
ASP.NET Master Pages giúp
chúng ta t o m t template
hodc m t layout th\ng nh[t
cho nhiMu trang trong m t
Wng dXng Web.
Đ nh nghĩa các tính năng
chuhn c`a m t Wng dXng web
trong trang Master
Các tính năng này có thO đư]c
ldp l i trên t[t cU hodc m t
nhóm các trang bing cách kV
thja trang Master này.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
4
MASTER PAGES
Đdc điOm trang Master:
Trang Master có đi mk
r ng .master và ñư]c nh@n
d ng
bing
dln
xu[t
@Master. Mni trang web
ñư]c bao gZm hai ph
Master Page
Content Pages
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
5
MASTER PAGES
Các ph
Master: Có 3 lo i ph
trong m t trang Master :
Content Placeholders
Non editable regions
HTML Elements
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
6
MASTER PAGES
Các ph
Master:
Content Placeholders:
Là vùng có thO thay đai
đư]c trên trang Master và
ta có thO tùy biVn ñư]c cho
mni trang.
M t trang Master có thO có
nhiMu hơn m t Content
Placeholders.
ĐiMu
khiOn
ContentPlaceholders
cho
phép tùy biVn n i dung.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
7
MASTER PAGES
Các ph
Master:
Vùng khơng thay đai (Non
editable regions): Là vùng
khơng tùy biVn đư]c trên
mni trang, chWa các ph
t= chung c`a các trang
trong Wng dXng web.
Các ph
Logos cơng ty, menu,
copyright,…
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
8
MASTER PAGES
Các ph
Master:
HTML Elements: Trang
master chWa các ph
HTML k mWc top như
<html>, <head>, <body>,
<form>,... Ngoài ra, các
thy HTML còn dùng cho
thiVt kV các ph
chung.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
9
MASTER PAGES
T o trang Master
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
10
MASTER PAGES
Thêm content cho trang Master:
M t trang Master phUi
có
ít
nh[t
m t
ContentPlaceHolder,
tuy nhiên cũng có thO
có nhiMu hơn m t
ContentPlaceHolder,
bing cách:
Cách 1: S= dXng
Design View
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
11
MASTER PAGES
Thêm
content
cho
trang
Master:
Cách 2: Khai
báo cú pháp
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
12
MASTER PAGES
T o file content s= dXng trang Master:
Cách 1: Dùng c=a
sa Add New Item
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
13
MASTER PAGES
T o file content s= dXng trang Master:
Cách 2:
Right Click lên
trang Master.
Ch}n
Add
Content Page.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
14
MASTER PAGES
T o file content s= dXng trang Master:
Cách 3: Khai báo cú pháp
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
15
MASTER PAGES
L@p trình tương tác v7i trang Master:
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
16
Gi~I THI•U NHĨM CÁC ĐI*U
KHI,N WEB SERVER
ASP.NET cung c[p
nhiMu nhóm ñiMu khiOn
server khác nhau:
HTML Server controls
Web server controls
Navigation controls
Validation controls
Data controls
Login controls
User defined controls
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
17
GI~I THI•U NHĨM CÁC ĐI*U
KHI,N WEB SERVER
HTML Server controls
Là các l7p b}c các ph
chuhn và có thêm tính năng tương tác
phía server.
ChuyOn thy HTML sang điMu khiOn
HTML bing cách thêm thu c tính
runat="server“.
Ví dX:
<label for="txtUsername"> Tên đăng nh@p</label>
<input id="txtUsername" type="text" runat="server" />
<label for="txtFullname">H} tên </label>
<input id="txtHoten" type="text" runat="server"/>
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
18
Gi~I THI•U NHĨM CÁC ĐI*U
KHI,N WEB SERVER
Web server controls (Web
controls)
Là các l7p trùng ldp các
chWc năng c`a các ph
HTML cơ bUn, nhưng
chúng có các t@p thu c tính
và phương thWc có tính
nh[t qn, ý nghĩa giúp
ngư i pháp triOn dˆ dàng
khai báo và truy c@p.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
19
Gi~I THI•U NHĨM CÁC ĐI*U
KHI,N WEB SERVER
Web server controls (Web controls)
Web server controls có t[t cU các tính
năng c`a các ñiMu khiOn HTML server.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
20
Gi~I THI•U NHĨM CÁC ĐI*U
KHI,N WEB SERVER
Validation controls
KiOm tra tính h]p l8 c`a d‰ li8u trên
các ñiMu khiOn input.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
21
Gi~I THI•U NHĨM CÁC ĐI*U
KHI,N WEB SERVER
Navigation controls
Là nhóm điMu khiOn ñư]c thiVt kV hiOn
th site map.
Cho phép ñiMu hư7ng tj trang này
sang trang khác.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
22
Gi~I THI•U NHĨM CÁC ĐI*U
KHI,N WEB SERVER
Login controls
Cung c[p các ñiMu khiOn
phXc vX cho vi8c xác th3c
ngư i dùng.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
23
Gi~I THI•U NHĨM CÁC ĐI*U
KHI,N WEB SERVER
Data controls
Là nhóm các ñiMu khiOn hn tr] truy xu[t
và hiOn th d‰ li8u.
User defined controls
Là nhóm các điMu khiOn do ngư i dùng
đ nh nghĩa, gZm hai lo i:
User Controls
Custom controls
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
24
ĐI*U KHI,N WEB SERVER
Đdc ñiOm c`a các ñiMu khiOn web server :
T3 đ ng dị tìm trình duy8t
S= dXng Template: M t s\ ñiMu khiOn Web
Server cho phép ngư i dùng ñ nh nghĩa thêm
layout bing cách s= dXng Template
Hn tr] các themes, cho phép ñ nh nghĩa nh[t
quán giao di8n các điMu khiOn trên tồn b site.
Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT
04:57 I
25