Thiếtkế & Lập trình Web 2
GiớithiệumônhọcGiớithiệumônhọc
Giới

thiệu

môn

họcGiới

thiệu

môn

học
ầ
Ths. Tr
ầ
nThị Bích Hạnh
Khoa CNTT Khoa CNTT –– ĐH.KHTNĐH.KHTN
© 2009 Khoa Công nghệ thông tin
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
NộidNộid
Nội

d
ung
Nội

d
ung

n
h
ọc
 Phương pháp học
 Liên hệ
© 2009 Khoa CNTT - ĐHKHTN
2
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
MM
tiê ôtiê ô
hh
M
ụ
M
ục
tiê
u m
ô
n c
tiê
u m
ô
n
h
ọ
h
ọcc
Nắm
ững
các

ộ
t ứn
g
d
ụ
n
g
web đơn
g
iảnsử
g
y
ự g
ộ
g
ụ g
g
dụng ASP.NET
© 2009 Khoa CNTT - ĐHKHTN
3
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
KiKi
ếế
thth
ứứ
êê
ầầ
KiKi
ếế
n


scripting

language

:

VBScript

/JavaScript
– Server side scripting : CGI, ASP…
 Lập trình C# / VB.NET
 Căn bản về CSDL và ngôn ngữ T-SQL

Ki
ế
nth
ứ
cv
ề
MS Access
M
S
SQL Server
MS SQL Express

Ki
ế
n


h
ương
t
r
ì
n
hNội

d
ung c
h
ương
t
r
ì
n
h
Giới
thiệ
ASP NET

Giới
thiệ
u
ASP
.
NET
 Xử lý sự kiện trong ASP.NET
 Làm việcvới các Server Control của ASP.NET
 Thiếtkế và

© 2009 Khoa CNTT - ĐHKHTN
5
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
PhầPhầ
ềề
ửử
dd
tt
ôô
hh
Phầ
n
Phầ
nm
ề
mm
ề
ms
ử
s
ử
d
ụng
d
ụng
t
rong
t
rong m
ô

– Microsoft SQL Express 2005
© 2009 Khoa CNTT - ĐHKHTN
6
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
PhầPhầ
ềề
ửử
dd
tt
ôô
hh
Phầ
n
Phầ
nm
ề
mm
ề
ms
ử
s
ử
d
ụng
d
ụng
t
rong
t
rong m

Photoshop
© 2009 Khoa CNTT - ĐHKHTN
7
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
TàTà
iliili
ệệ
thth
khảkhả
TàTà
i

lii

li
ệệ
u
th
am u
th
am
khảkhả
oo
T
dld
tài
liệ
bài
iả
LT

www w
3
corg
–
http://
www
.
w
3
c
.
org
– />© 2009 Khoa CNTT - ĐHKHTN
8
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
ĐĐ
áá
hh
iáiá
kk
ếế
tt
ảả
ôhôh
ĐĐ
áá
n
h
n
h

 Đồ án TH 70%
Bài tập
 Bài tập LT/TH 30%
Đồ án
Thực hành
Đồ án + Bài tập= 10
Cheating + AAA = 0
© 2009 Khoa CNTT - ĐHKHTN
9
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
ĐĐ
áá
hh
iáiá
kk
ếế
tt
ảả
ôhôh
ĐĐ
áá
n
h
n
h
g
iá
g
iá


Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
PhPh
háhá
hh
Ph
ương
Ph
ương p
há
pp
há
p
h
ọc
h
ọc

Lý
thuyết
Lý
thuyết
– Sinh viên chú ý nghe giảng và ghi chú vào tài liệu bài giảng
môn h
ọ
c
ọ
– Tích cực thảoluận, đặtcâuhỏitrênlớpkhicóvấn đề không
hiểu
– Tham khảo các website liên quan
 Thực hành

Nộp
đặc
tả
chức
năng
khảo
sát
cho
website
–
Nộp
đặc
tả
chức
năng
khảo
sát
cho
website
– Nộpthiếtkế Layout
–
N
ộ
p
Sitemap
+
Template Website
N
ộ
p

12
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
Đă ký hóĐă ký hó
Đă
ng
ký
n
hó
m
Đă
ng
ký
n
hó
m

Đ
ăn
g
k
ý
trên hệ thốn
g
Moodle
g
ý
g
 GV sẽ chỉđịnh nội dung đồ án tương ứng cho từng nhóm
© 2009 Khoa CNTT - ĐHKHTN
13

 Quy tắcgửi email:
–
Subject: [Web
2
-
Lop]
–
[MSSV]
–
Nội
dung
tiêu
đề
Subject:

[Web
2
Lop]

[MSSV]

Nội
dung

tiêu
đề
– Ví dụ:
• Web2-04TN – 04TN000 – Xin phuc khao diem LT
•
Web

14
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
© 2009 Khoa CNTT - ĐHKHTN
15
Thiếtkế & Lập trình Web 2
GiớithiệumônhọcGiớithiệumônhọc
Giới

thiệu

môn

họcGiới

thiệu

môn

học
ầ
Ths. Tr
ầ
nThị Bích Hạnh
Khoa CNTT Khoa CNTT –– ĐH.KHTNĐH.KHTN
© 2009 Khoa Công nghệ thông tin
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
NộidNộid
Nội

d

kết
qu
ả
m
ô
n
h
ọc
 Phương pháp học
 Liên hệ
© 2009 Khoa CNTT - ĐHKHTN
2
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
MM
tiê ôtiê ô
hh
M
ụ
M
ục
tiê
u m
ô
n c
tiê
u m
ô
n
h
ọ

d
ự
n
g
m
ộ
t ứn
g
d
ụ
n
g
web đơn
g
iảnsử
g
y
ự g
ộ
g
ụ g
g
dụng ASP.NET
© 2009 Khoa CNTT - ĐHKHTN
3
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
KiKi
ếế
thth
ứứ

– HTTP, HTML, CSS…
–
Client scripting language : VBScript /JavaScript
–
Client

scripting

language

:

VBScript

/JavaScript
– Server side scripting : CGI, ASP…
 Lập trình C# / VB.NET
 Căn bản về CSDL và ngôn ngữ T-SQL

Ki
ế
nth
ứ
cv
ề
MS Access
M
S
SQL Server
MS SQL Express

Nộid h tì hNộid h tì h
Nội

d
ung c
h
ương
t
r
ì
n
hNội

d
ung c
h
ương
t
r
ì
n
h
Giới
thiệ
ASP NET

Giới
thiệ
u
ASP

ASP
.
NET
 Bảomật ứng dụng Web
 Kiểmthử ứng dụng Web
© 2009 Khoa CNTT - ĐHKHTN
5
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
PhầPhầ
ềề
ửử
dd
tt
ôô
hh
Phầ
n
Phầ
nm
ề
mm
ề
ms
ử
s
ử
d
ụng
d
ụng


Access

hoặc
– Microsoft SQL Server 2005
– Microsoft SQL Express 2005
© 2009 Khoa CNTT - ĐHKHTN
6
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
PhầPhầ
ềề
ửử
dd
tt
ôô
hh
Phầ
n
Phầ
nm
ề
mm
ề
ms
ử
s
ử
d
ụng
d

chọn
)
– Dreamweaver
Photoshop
–
Photoshop
© 2009 Khoa CNTT - ĐHKHTN
7
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
TàTà
iliili
ệệ
thth
khảkhả
TàTà
i

lii

li
ệệ
u
th
am u
th
am
khảkhả
oo
T
dld

p
.net
p
p
– />http://
www w
3
corg
–
http://
www
.
w
3
c
.
org
– />© 2009 Khoa CNTT - ĐHKHTN
8
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
ĐĐ
áá
hh
iáiá
kk
ếế
tt
ảả
ôhôh
ĐĐ

1
Thang điểm môn TK & LT Web2
Thi
lần
1
 LT thi viết: 40%
ế
Bài tập
 TH t
r
ựcti
ế
ptrênmáy 40%
 Bài t
ập
LT/TH 20%
Lý thuyết
ập
Thực hành
Thi viết+ Thực hành + Bài tập= 10
Cheating + AAA = 0
© 2009 Khoa CNTT - ĐHKHTN
9
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
ĐĐ
áá
hh
iáiá
kk
ếế

h
ọc
Thi
lần
2
Thang điểm môn TK & LT Web2
Thi
lần
2
 LT Thi viết: 80%
Thực hành
 Thực hành lần1: 20%
Lý thuyết
© 2009 Khoa CNTT - ĐHKHTN
10
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
PhPh
háhá
hh
Ph
ương
Ph
ương p
há
pp
há
p
h
ọc
h


Diễn
đàn
môn
học
trên
Moodle

Diễn
đàn
môn
học
trên
Moodle
–
 Email:
– TrầnThị Bích Hạnh –
ễ
• BM CNPM - Phòng I82
–
227 Nguy
ễ
nVănCừ, Q.5
 Quy tắcgửi email:
–
Subject: [Web
2
-
Lop]
–

phuc
khao
diem TH
•
Web
2
-
06
TN

–
06
TN
000

–
Xin
phuc
khao
diem

TH
© 2009 Khoa CNTT - ĐHKHTN
12
Thiếtkế & Lập trình Web 2 – Giớithiệumônhọc
© 2009 Khoa CNTT - ĐHKHTN
13
Lập trình và Thiết kế Web 2
Bà
i

NộidNộid
Nội

d
ung
Nội

d
ung

Giới
thiệu
về
ASP .NET
Giới
thiệu
về
ASP

.NET
 Giớithiệuvề .NET Framework
ầ
 Các thành ph
ầ
ncủamột ứng dụng
A
SP .NET
 Cơ chế xử lý một ứng dụng ASP.NET
 Cấutrúccủa 1 WebForm
© 2009 Khoa CNTT - ĐHKHTN

 Cấutrúccủa 1 WebForm
© 2009 Khoa CNTT - ĐHKHTN
3
LậptrìnhvàThiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
GiớiGiới
thiệthiệ
ASP NETASP NET
GiớiGiới
thiệ
u
thiệ
u
ASP
.
NETASP
.
NET

ASP .NET
ASP

.NET
– Active Server Page .NET
Công
nghệ
của
Microsoft
cho
phép
xây

Framework
– Được phát triểnlêntừ ASP
© 2009 Khoa CNTT - ĐHKHTN
4
Lập trình và Thiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
ƯƯ
điểđiể
ủủ
ASPASP
Ư
u
Ư
u
điể
m
điể
mc
ủ
ac
ủ
a
ASPASP

Công
nghệ
Server
-
side
scripting
Công

Chỉ
hỗ
trợ
2
loại
ngôn
ngữ
:
VBScript
và
JavaScript
Chỉ
hỗ
trợ
2

loại
ngôn
ngữ
:

VBScript
và
JavaScript
 Pha trộn code, HTML và text
 Không tương thích trình duyệt
 Không quảnlýtrạng thái trang web
 Cơ chế debug kém
Tái
ử

c
điể
m n
ổi

bật
c
ủ
a
ASP
.
NET

Hỗ
trợ
đa
ngôn
ngữ
:
C#
,
VB.NET
,
J#
Hỗ
trợ
đa
ngôn
ngữ
:

ử
d
ụng co
d
e
thô
ng qua cơ c
hế
kế
thừ
a
© 2009 Khoa CNTT - ĐHKHTN
7
LậptrìnhvàThiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
Cá điể ổibật ủ ASP NETCá điể ổibật ủ ASP NET
Cá
c
điể
m n
ổi

bật
c
ủ
a
ASP
.
NETCá
c
điể

Lập trình và Thiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
Cá điể ổibật ủ ASP NETCá điể ổibật ủ ASP NET
Cá
c
điể
m n
ổi

bật
c
ủ
a
ASP
.
NETCá
c
điể
m n
ổi

bật
c
ủ
a
ASP
.
NET

Web
Service

Nội

d
ung

Giới
thiệu
về
ASP .NET
Giới
thiệu
về
ASP

.NET
 Giớithiệuvề .NET Framework
ầ
 Các thành ph
ầ
ncủamột ứng dụng Web
 Cơ chế xử lý một ứng dụng ASP.NET
 Cấutrúccủa 1 WebForm
© 2009 Khoa CNTT - ĐHKHTN
10
Lập trình và Thiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
Giớithiệ ề NET F kGiớithiệ ề NET F k
Giới

thiệ
u v

g
g
Service
© 2009 Khoa CNTT - ĐHKHTN
11
LậptrìnhvàThiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
Giớithiệ ề NET F kGiớithiệ ề NET F k
ii
22
00
Giới

thiệ
u v
ề
.
NET

F
ramewor
k

Giới

thiệ
u v
ề
.
NET



vào

ngôn

ngữ
.

Các ngôn ngữ đang

Các

ngôn

ngữ

đang

được hỗ trợ :
C++, C#, VB.NET, Jscript
© 2009 Khoa CNTT - ĐHKHTN
12
Lập trình và Thiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
CC
hếhế
h th t
độđộ
ủủ
NET F kNET F k
C

© 2009 Khoa CNTT - ĐHKHTN
13
LậptrìnhvàThiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
Giớithiệ ề NET F kGiớithiệ ề NET F k
ii
33
00
Giới

thiệ
u v
ề
.
NET

F
ramewor
k

Giới

thiệ
u v
ề
.
NET

F
ramewor
k

ramewor
k

Giới

thiệ
u v
ề
.
NET

F
ramewor
k

––
vers
i
on vers
i
on
33

55
© 2009 Khoa CNTT - ĐHKHTN
15
LậptrìnhvàThiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
NộidNộid
Nội


Cấ
u trúc một ứng dụng A
S
P.NET
WbCli t
W
e
b

Cli
en
t
ASP.NET
Applications
IIS
Applications
NET
.
NET
Framework
Operating System
© 2009 Khoa CNTT - ĐHKHTN
17
LậptrìnhvàThiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
CáCá
thà hthà h
hầhầ
ủủ
ộtột
ứứ

ụng
ASP
.
NETASP
.
NET
NộiNội dungdung
Wb
W
e
b
Form
LậpLập trình xử lýtrình xử lý
Cấu hìnhCấu hình
© 2009 Khoa CNTT - ĐHKHTN
18
Lập trình và Thiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
CáCá
thà hthà h
hầhầ
ủủ
ộtột
ứứ
dd
ASP NET(ASP NET(
tttt
))
Cá
c
Cá

NET(
tttt
))

Trong
một
ứng
dụng
ASP NET
hoàn
chỉnh
các
phần
thực

Trong
một
ứng
dụng
ASP
.
NET

hoàn
chỉnh
,
các
phần
thực
thi của Web Form đượclưu trong các file .dll và chạytrên

thiệu
về
ASP.NET
Giới
thiệu
về
ASP.NET
 Giớithiệuvề .NET Framework
ầ
 Các thành ph
ầ
ncủamột ứng dụng
A
SP. NET
 Cơ chế xử lý một ứng dụng ASP.NET
 Cấutrúccủa 1 WebForm
© 2009 Khoa CNTT - ĐHKHTN
20
Lập trình và Thiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
C hế ử lý ộtt ASPNETC hế ử lý ộtt ASPNET
C
ơ c
hế
x
ử

lý
m
ột


cách
tạo
ASP.NET Web Project
Giới
thiệu
cách
tạo
ASP.NET

Web

Project
 Các chếđộThiếtkế và lậptrình
ể
 Biên dịch và Tri
ể
n khai Web Project
© 2009 Khoa CNTT - ĐHKHTN
22
Lập trình và Thiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
NộidNộid
Nội

d
ung
Nội

d
ung



Form

bao

gồm

các

thành

phần:
– Directives
Code Declaration Blocks
–
Code

Declaration

Blocks
– Code Render Blocks
WbC t l
–
W
e
b

C
on
t


aspx
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
Page directives
" /><html>
<head>
<title>Sample Page</title>
<script runat=
"
server
"
>
Literal text và html tags
<script

runat= server >
void Page_Load()
{
messageLabel.Text = "Hello World";
}
</script>
Code declaration Blocks
</head>
<body>
<% comment here %>
<form runat="server">
<>
Server-side comments
<

Chứa

các

chỉ

thị

cho

biết

cách

thức

Web

Form

được

biên

dịch
 Được khai báo trong <%@ %> và có thể đặt tại bất kỳ vị trí nào
trên Web Form
trên

Web

ec
l
ara
ti
on
d
ec
l
ara
ti
on
bl
oc
k
s
bl
oc
k
s

Được khai báo nếuphầnxử lý logic củachương trình được
Được

khai

báo

nếu

phần


các

hàm

xử

lý

sự

kiện
Ví dụ:
i
<scr
i
pt runat="server">
void mySub()
{
// Code here
}
void Page_Load( )
{
// Code here
}
</script>
© 2009 Khoa CNTT - ĐHKHTN
27
LậptrìnhvàThiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
CdCd

c trả n
ộ
i dun
g
về
p
hía n
g
ười dùn
g
.
ặ ộ g pg g
 Bao gồm 2 loại:
Inline Code
–
Inline

Code
– Inline Expression
© 2009 Khoa CNTT - ĐHKHTN
28
Lập trình và Thiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
CdCd
RdRd
Bl kBl k
Ili CdIli Cd
C
o
d
e

n
li
ne
C
o
d
e

Bao gồmcáclệnh xử lý trên server nhưng không trả
Bao

gồm

các

lệnh

xử

lý

trên

server

nhưng

không

trả

29
LậptrìnhvàThiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
CdCd
RdRd
Bl kBl k
Ili E iIli E i
C
o
d
e
C
o
d
e
R
en
d
e
rR
en
d
e
r
Bl
oc
k
s
Bl
oc
k


về

trình

duyệt.

 Thông tin trả về có thể là nội dung của một biến hoặc kết quả
của vi
ệ
c
gọ
i th
ự
c hi
ệ
n m
ộ
t
p
hươn
g
thức
ệ gọ ự ệ ộ p g
 Được khai báo trong cặp thẻ <%= %>
Ví dụ:
Ví

dụ:
<%

%>
<%= Title %> hoặc <%= mySub() %>
© 2009 Khoa CNTT - ĐHKHTN
30
Lập trình và Thiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
CC
Web
C
ontrolsWeb
C
ontrols
 Bao gồm 3 loại:
– Html Control
– Html Server Control
– Asp.net Server Control
 Được khai báo trong thẻ
<form runat=“server” > </form>
Ví dụ:
<asp:Label
ID
=“
Label
1
”
runat
=“
server
”
Text
=“


các

ghi

chú

trên

Web

Form
 Sử dụng một trong 2 dạng:
Ht l C t
!
t
–
Ht
m
l

C
ommen
t
: <
!
–
commen
t
>


string
Title

This

is

generated

by

a

code

render

block
.
;
%>
<%= Title %>

>
>
Kếtxuấttại trình duyệt:
Kết

xuất

q
ua các thẻ Html
)
cùn
g
với n
ộ
i dun
g
hiển th
ị
tĩnh
(
literal
q )g ộ g ị (
text )

Nếu không có thành phần này, trang web sẽ không có
Nếu

không

có

thành

phần

này,


era
l

T
ex
t
v
à

HTML

T
ags
Ví dụ:
<%@ Page Language=
"
C#
"
%>
<%@

Page

Language= C#

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
" /><html>
<head>
<head>

<p>
<asp:Label id="messageLabel" runat="server" />
</p>
<
p
>
p
<% Declare the title as string and set it %>
<% string Title = "This is generated by a code render " +
"block."; %>
<%= Title %>
</p>
© 2009 Khoa CNTT - ĐHKHTN
</p>
</form>
</body>
</html>
35
LậptrìnhvàThiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
WbF đ âd ới d bhidWbF đ âd ới d bhid
W
e
b

F
orm
đ
ược x
â
y

d

Code behind: là file mã nguồn ( C#, VB.net ) chứa khai báo lớp có nhiệm
Code

behind:

là

file

mã

nguồn

(

C#,

VB.net

)

chứa

khai

báo

lớp

Hàm
Page Load
dùng để khởitạonội dung của các control trên
© 2009 Khoa CNTT - ĐHKHTN
Hàm

Page
_
Load
dùng

để

khởi

tạo

nội

dung

của

các

control

trên

WebForm

ược x
â
y
d
ựng v
ới
co
d
e
b
e
hi
n
d

Ví dụ:
Ví

dụ:
© 2009 Khoa CNTT - ĐHKHTN
37
LậptrìnhvàThiếtkế Web 2 – Bài 2: Giớithiệu ASP .NET
TổTổ
kếtkết
Tổ
ng
Tổ
ng
kếtkết


SựSự
kiệnkiện
trongtrong
ASP.NETASP.NET
Ths
Trần
Thị
Bích
Hạnh
Ths
.
Trần
Thị
Bích
Hạnh
Khoa CNTT Khoa CNTT –– ĐH.KHTNĐH.KHTN
© 2009 Khoa Công nghệ thông tin
LậptrìnhvàThiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
NộidNộid
Nội

d
ung
Nội

d
ung

Giới
thiệu

– Các sự kiệncủa WebForm
– Các sự kiệncủa ServerControl
© 2009 Khoa CNTT - ĐHKHTN
2
Lập trình và Thiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
NộidNộid
Nội

d
ung
Nội

d
ung

Giới
thiệu
về
Event
Giới
thiệu
về
Event
 Các sự kiện chính trong chu trình sống của ứng dụng web
Cá
kiệ
ủ
Aliti &S i
–
Cá


M
o
d
e
lASP
.
NET

E
ven
t

M
o
d
e
l

Ứng
dụng
web ASP .NET
sử
dụng
mô
hình
lập
trình
Ứng
dụng

C
lient based event system vs. A
S
P.NET event systembased event system vs. A
S
P.NET event system
© 2009 Khoa CNTT - ĐHKHTN
5
LậptrìnhvàThiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
CC
SS
C
lient
C
lient based event system vs. A
S
P.NET event systembased event system vs. A
S
P.NET event system
© 2009 Khoa CNTT - ĐHKHTN
6
Lập trình và Thiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
PtPt
bkbk
P
os
tP
os
t


// Default.aspx
Name <asp:TextBox ID=“txtName" runat="server“ />
<asp:Button ID="Button2" runat="server"
PostBackUrl
=" /Target aspx"
Text "Click" />
PostBackUrl
="
~
/Target
.
aspx"

Text
=
"Click"

/>
// Target.aspx.cs
if (this.PreviousPage.IsCrossPagePostBack)
{
TtB
tt
T
ex
tB
ox
t
x
t

trên
trang
web
Lưu
thông
tin

trạng
thái
các
control

trên
trang
web
 Được mã hóa và nhúng trong trang web dướidạng ẩn
 Khi trang web được postback lại server,
A
SP.Net sẽ phục
hồilạicáctrạng thái của control trước đó& cậpnhật
những
thay
đổi
những
thay
đổi
 Sau đógọi các hàm xử lý sự kiệncủa Page & Control
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="/wEPDwUJODExMDE5NzY5D2QWAgIDD2QWAgIBDw8WAh4EVGV4dAUK
MDgvMDE

kiệ
nc
ủ
a
A
pp
li
ca
ti
on
&

S
ess
i
on
– Các sự kiệncủa WebForm
– Các sự kiệncủa ServerControl
© 2009 Khoa CNTT - ĐHKHTN
10
Lập trình và Thiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
Cá Tậ ti t ột Ứ d WbCá Tậ ti t ột Ứ d Wb
Cá
c
Tậ
p
ti
n
t
rong m


dịch

một

Ứng

dụng

Web:
– Web.config + Global.asax + Style.css
–
Visual Studio .NET biên dịch tấtcả
mã nguồn
vào một file
.DLL
lưu
Visual

Studio

.NET

biên

dịch

tất

cả

r
ì
n
h
s
ố
ng c
ủ
a
Ứ
ng
d
ụng
W
e
b

Cá
c
E
ven
t

t
rong c
h
u
t
r
ì


ứng

dụng

Web
– Bắt đầu khi một trình duyệt yêu cầu 1 trang web của ứng
dụng, gọilà
Session
dụng,

gọi

là

Session
– Ứng dụng web vẫn chạy nếu như nó vẫn còn Session
đang hoạt động
đang

hoạt

động
– Chu trình sống của 1 Web Form trên server chỉ tồn tại
trong
1
khoảng thờigianngắn
trong

1

ủ
a
Ứ
ng
d
ụng
W
e
b

Cá
c
E
ven
t

t
rong c
h
u
t
r
ì
n
h
s
ố
ng c
ủ
a

đến
khi
kích
box,
đánh
dấu
chọn
các
check
box
…
)
cho
đến
khi
kích
hoạtmộtsự kiện post-back (nhấn button …)
–
Dữ
liệu
của
trang
(
view
state
)
được
gửi
về
cho

mới
của
Web
Form
• Điềndữ liệuvàoview state
•
Xử
lý
các
sự
kiện
xảy
ra
Xử
lý
các
sự
kiện
xảy
ra
• Trả kếtquả HTML về cho trình duyệtvàhủythể hiệncủaWeb
Form
© 2009 Khoa CNTT - ĐHKHTN
13
LậptrìnhvàThiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
Cá E t t h t ì h ố ủ Ứ d WbCá E t t h t ì h ố ủ Ứ d Wb
Cá
c
E
ven

t
rong c
h
u
t
r
ì
n
h
s
ố
ng c
ủ
a
Ứ
ng
d
ụng
W
e
b


Chu trình sống tiếptục
Chu

trình

sống


ụng
W
e
b

Cá
c
E
ven
t

t
rong c
h
u
t
r
ì
n
h
s
ố
ng c
ủ
a
Ứ
ng
d
ụng
W


Giới
thiệu
về
Event
Giới
thiệu
về
Event
 Các sự kiện chính trong chu trình sống của ứng dụng web
Cá
kiệ
ủ
Aliti &S i
–
Cá
csự
kiệ
nc
ủ
a
A
pp
li
ca
ti
on
&

S

pp
li
ca
ti
on v
à

S
ess
i
on
Tên s
ự
ki
ệ
nXả
y
ra khi
ự ệ
y
Application_Start Người dùng đầu tiên ghé thăm 1 trang web trong ứng
dụng web
Application_End Không còn người dùng nào đang mở trang web của
ứng dụng
Application_Error Khi có lỗi xảy ra trong ứng dụng
Session Start
Mộtngười dùng mới ghé thăm 1 trang web của ứng
Session
_
Start

dùng

đóng

trình

duyệt

hoặc

sau

một

khoảng

thời gian time out không request lên ứng dụng
© 2009 Khoa CNTT - ĐHKHTN
17
LậptrìnhvàThiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
NộidNộid
Nội

d
ung
Nội

d
ung


i
on
– Các sự kiệncủa WebForm
– Các sự kiệncủa ServerControl
© 2009 Khoa CNTT - ĐHKHTN
18
Lập trình và Thiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
PEtPEt
P
age
E
ven
tP
age
E
ven
t
Tên sự kiệnXảyrakhi
PIi
Cá
l
đ
à
khởi
i
P
age_
I
n
i

ợ
ạp
ợ g
g
ạ
thời điểm này thông tin của View state đãcóthể sử
dụng được, do đó đây là lúc bạnviếtmãlệnh thay đổi
thiếtlậpcủa control hoặchiểnthị dữ liệu lên trang.
Page_DataBinding Server control trên trang đượcgắnkếtvới nguồndữ
liệu.
Page_PreRender Bắt đầu dàn trang cho đốitượng Page.
Page_Unload Đốitượng Page đượchủykhỏibộ nhớ.
Page_Error Khi có lỗi không đượcxử lý xảy ra trong trang.
© 2009 Khoa CNTT - ĐHKHTN
19
LậptrìnhvàThiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
© 2009 Khoa CNTT - ĐHKHTN
20
Lập trình và Thiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
PIitPIit
P
age_
I
n
itP
age_
I
n
it
© 2009 Khoa CNTT - ĐHKHTN

d
e
r
© 2009 Khoa CNTT - ĐHKHTN
23
LậptrìnhvàThiếtkế Web 2 – Bài 3: Sự kiện trong ASP.NET
NộidNộid
Nội

d
ung
Nội

d
ung

Giới
thiệu
về
Event
Giới
thiệu
về
Event
 Các sự kiện chính trong chu trình sống của ứng dụng web
Cá
kiệ
ủ
Aliti &S i
–

csựsự
kiệ
n
kiệ
nc
ủ
ac
ủ
a
S
erver
C
on
t
ro
lS
erver
C
on
t
ro
l

Post
-
back event
Post
back

event

ủ
a
S
erver
C
on
t
ro
lS
erver
C
on
t
ro
l

Validation event
Validation

event
– Xử lý kiểmtradữ liệu trên trang trướckhigửivề cho server
–
Validation server control
–
Validation

server

control
© 2009 Khoa CNTT - ĐHKHTN

C
on
t
ro
l

E
ven
t
s
© 2009 Khoa CNTT - ĐHKHTN
27