Lp trình và Thit k Web 2
Bà
i
2
Bà
i

2
GiiGii
thiuthiu
ASPASP
.NET.NET
GiiGii
thiuthiu
ASP

ASP

.NET.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

 Cutrúcca 1 WebForm
© 2009 Khoa CNTT - HKHTN
2
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

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

phép
xây
dng
các
ng
dng
–
Công
ngh
ca
Microsoft
cho
phép
xây
dng
các
ng
dng
web đng
–
Da
trên
nn
tng
NET Framework
Da
trên
nn
tng
.

scripting
Công
ngh
Server
side
scripting
 Tđng thông dch
 Cho phép tocácng dng web đngin, nhanh chóng
và d dàng
 To trang web có tích hp ni dung đng
© 2009 Khoa CNTT - HKHTN
5
LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET
Kh tKh t
điđi

ASPASP
Kh
uy
tKh
uy
t
đi
m
đi
mc

ac

a

Tái

d
d
ké

Tái
s

d
ng co
d
e
ké
m
© 2009 Khoa CNTT - HKHTN
6
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

ng
:

C#
,

VB.NET
,

J#
 Biên dch trc các trang, giúp làm tng tc đ thchin

A
SP code đclp vi HTML và text
 Qunlýtrng thái trang web
 Có c ch h tr debug thông qua IDE VS.NET
H
t
tái

d
d
thô
h
k
th

H
t
r

c
đi
m n
i

bt
c

a
ASP
.
NET

S
dng
c
ch
Server
-
side
Caching
S
dng
c
ch
Server
side
Caching
 i cùng vi nhiu server control đcxâydng sn
 Tđng nhndng trình duytngi dùng đang s dng

Web
Service
:
trin
khai
mt
hàm
t
xa
thông
qua
web
Web
Service
:
trin
khai
mt
hàm
t
xa
thông
qua
web
© 2009 Khoa CNTT - HKHTN
9
LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET
NidNid
Ni


thi
u v

.
NET

F
ramewor
kGii

thi
u v

.
NET

F
ramewor
k
 .NET Framework là nntn
g
cho Microsoft.NET Platform
g
 .NET Framework là môi trng cho vicxâydng, trin
khai và vn hành các n
g
dn
g
Win/Web cn
g

NET

F
ramewor
k

––
vers
i
on vers
i
on
22

00
 Giú
p
đn
g
in hóa
q
uá
p
g
q
trình phát trin, tích hp
sn phm
 .NET Framework không
ph thuc vào ngôn ng
ph


NET F kNET F k
C

C
 c
h
c
h
h
o
th
o
t
đ
ng
đ
ng c

ac

a.
NET

F
ramewor
k
.
NET


F
ramewor
k

––
vers
i
on vers
i
on
33

00
Windows Presentation Foundation (WPF).
Windows Cardspace
Windows Communications Foundation (WCF).
Windows Workflow Foundation (WF).
© 2009 Khoa CNTT - HKHTN
14
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
ii
33
55
Gii

thi
u v

.

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 Web
 C ch x lý mt ng dng ASP.NET
 Cutrúcca 1 WebForm
© 2009 Khoa CNTT - HKHTN
16
Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET
C SC S
C


tt

dd
ASP NETASP NET
Cá
c
Cá
c
thà
n
hthà
n
h
p
h
np
h
nc

ac

am
t
m
t

ng

ng

Cá
c
Cá
c
thà
n
hthà
n
h
p
h
np
h
nc

ac

am
t
m
t

ng

ng
d
ng
d
ng
ASP

phn
thc
thi ca Web Form đclu trong các file .dll và chytrên
server
thông
qua
điu
khin
ca
IIS
server

thông
qua

điu
khin
ca
IIS
© 2009 Khoa CNTT - HKHTN
19
LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET
NidNid
Ni

d
ung
Ni

d

m
t

t
rang
ASP
.
NETC
 c
h
x


lý
m
t

t
rang
ASP
.
NET
© 2009 Khoa CNTT - HKHTN
21
LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET
DD
D
emo
D
emo

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
23
LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET
CC
C
u trúc mt Web Form aspx
C
u trúc mt Web Form aspx

Mt Web Form bao gm các thành phn:

C
on
t
ro
l
s
– Server-side comments
– Literal Text và HTML Tags
Code Declaration Blocks và Code Render Blocks có th đt
trc tip trên WebForm hoc tách bit trong file Code Behind
© 2009 Khoa CNTT - HKHTN
24
Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET
Cutrúcmt Web Form aspxCutrúcmt Web Form aspx
Cu

trúc

mt

Web

Form

aspxCu

trúc

mt


<>
Server-side comments
<
p
>
<asp:Label id="messageLabel" runat="server" />
</p>
<p>
<% Declare the title as string and set it %>
Web controls
<% string Title = "This is generated by a code render " +
"block."; %>
<%= Title %>
</p>
</form>
Code render Blocks
© 2009 Khoa CNTT - HKHTN
</form>
</body>
</html>
25
LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET
Di tiDi ti
Di
rec
ti
ves
Di
rec
ti

trên

Web

Form
 Mt s thuc tính quan trng:
Language
AutoEventWireup
CodeFile
Language
,
AutoEventWireup
,
CodeFile
,
Ví d:
<%@ Language=“C#” AutoEventWireup=“true”
CodeFile=“Default.aspx.cs” %>
© 2009 Khoa CNTT - HKHTN
26
Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET
CdCd
dl tidl ti
bl kbl k
C
o
d
e
C
o

nu

phn

x

lý

logic

ca

chng

trình

đc

th hin ngay trong Web Form ( không s dng code behind )

Khai báo các phng thchoc các hàm x lý s kin

Khai

báo

các

phng


27
LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET
CdCd
RdRd
Bl kBl k
C
o
d
e
C
o
d
e
R
en
d
e
rR
en
d
e
r
Bl
oc
k
s
Bl
oc
k
s

o
d
e
C
o
d
e
R
en
d
e
rR
en
d
e
r
Bl
oc
k
s
Bl
oc
k
s
I
n
li
ne
C
o

không

tr

ni dung v phía trình duyt.

Thng đcs dng đ khai báo bin

Thng

đc

s

dng

đ

khai

báo

bin
 c khai báo trong cp th <% %>
Ví d:
<
%

%
string Title = "This is generated by a code render block.";

Bl
oc
k
s
I
n
li
ne
E
xpress
i
on
I
n
li
ne
E
xpress
i
on

Code x lý tr thông tin v trình duyt.
Code

x

lý

tr



d:
<%
ti
Titl
"Thi i t d b d d bl k "
s
t
r
i
ng
Titl
e =
"Thi
s
i
s genera
t
e
d

b
y a co
d
e ren
d
er
bl
oc
k

server
”
Text
=“
Text Content
”
/>
<asp:Label
ID
Label
1
runat
server
Text
Text

Content
/>
<asp:TextBox ID=“TextBox1” runat=“server” Text=“Enter text here” />
© 2009 Khoa CNTT - HKHTN
31
LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET
SS
S
erve
rS
erve
r
side commentsside comments


–
commen
t
>
– Asp.net Comment: <% comment %>
 Html comment s đc gi v trình duyt do đó không
thích hp đ comment ni dung Asp.net server-side code
 Asp.net comment đc dùng đ n thông tin đi vi trình
duyt nhng s đc x lý bi Asp.net runtime
© 2009 Khoa CNTT - HKHTN
32
Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET
SS
S
erve
rS
erve
r
side commentsside comments

Ví d:
Ví

d:
<!
<%
string
Title
= "
This is generated by a code render block

Ktxutti trình duyt:
Kt

xut

ti

trình

duyt:
<!
This is generated by a code render block
This

is

generated

by

a

code

render

block
.
>
© 2009 Khoa CNTT - HKHTN

phn

này,

trang

web

s

không

có

cu trúc và trình duyt s không hin th đc
© 2009 Khoa CNTT - HKHTN
34
Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET
Lit l T t à HTML TLit l T t à HTML T
Lit
era
l

T
ex
t
v
à

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
" /><html>
<head>
<head>
<title>Sample Page</title>
<script runat="server">
void Page_Load()
{
messageLabel Text
="
Hello World
"
;
messageLabel
.
Text

Hello

World ;
}
</script>
</head>
<body>
ft""
<
f
orm runa
t
=

đ
c x
â
y
d
ng v
i
co
d
e
b
e
hi
n
dW
e
b

F
orm
đ
c x
â
y
d
ng v
i
co
d
e


báo

lp

có

nhim

v x lý các logic nghip v ca chng trình hay các s kin xy ra khi
ngi dùng tng tác vi WebForm
 Tên ca lp này trùng vi tên ca WebForm
Ví d: nu tên WebForm là index  tên class s là index
 Tt c các class x lý s kin trên WebForm đu k tha t lp
S
y
stem.Web.UI.Pa
g
e
yg
 Tt c các class đu cha hàm Page_Load t đng gi thc hin khi
WebForm nhn đc request t client
WebForm

nhn

đc

request



trên

WebForm
36
Lp trình và 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
ng v
i
co
d
e
b
e
hi
n
dW
e
b

T
ng
ktkt

u
đim
ASP .NET
u
đim
ASP

.NET
 C ch hot đng ca .NET Framework

 C ch

x lý ca ng dng
A
SP .NET
 Cu trúc WebForm
© 2009 Khoa CNTT - HKHTN
38