Bài 2: Thiết kê và lập trình web với ASP.NET - Giới thiệu ASP.NET

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

© 2009 Khoa Công ngh thông tin
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
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
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

SP .NET
 C ch x lý mt ng dng ASP.NET
 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
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
.

NET

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

ASPASP

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

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

.
NETCá
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
:

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

tái
s

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
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

© 2009 Khoa CNTT - HKHTN
8
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
:
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

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

nh Web
g
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

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

thuc

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

C
 c
h
c
h
h
o
th
o
t
đ
ng
đ
ng c

ac

a.
NET

F
ramewor
k
.
NET

F
ramewor
k
© 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

––
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

.

NET

F
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

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

u trúc mt ng dng A
S
P.NET
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

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

d
ng
d
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á
c
thà
n
hthà
n
h
p
h
np
h
nc

ac

am
t
m
t

ng

ng
d
ng
d
ng
ASP

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

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

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


Gii
thiu
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

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:

Mt

Web

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

Web

Form

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

ves

Chacácch th cho bitcáchthcWebFormđcbiêndch
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

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

d
e
d
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

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

thc

hoc

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

 Là các đon code đc thc thi khi mt trang đc np
ho

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
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

d
e
I
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

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.";

%>
%>
© 2009 Khoa CNTT - HKHTN
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
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

thông

tin

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:
<%
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

.
"
;
%>
<%= 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
=“
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


Th hin các ghi chú trên Web Form
Th

hin

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
>
– 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

"
;
%>
<%

string
Title

This

is

generated

by

a

code

render

block
.
;
%>
<%= Title %>

>
>

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

33
LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET
Literal Text và HTML TagsLiteral Text và HTML Tags
 Cung cp cu trúc đnh dng thông tin trang web ( thông
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,

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

T
ags
Lit
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>
<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
=

"
server
"
>
<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
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
e
hi
n
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

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

t

client

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
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

F
orm
đ
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

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