TRUNG TAM TIN HOC - AI HOC KHOA HOC T NHIEN TP.

HCM
227 Nguyen Van C Quan 5 Tp. Ho Ch Minh
Tel: 8351056 Fax 8324466 Email: ttth@hcmuns.edu.vn

BI TP
CHNG TRNH
K THUT VIN
NGNH LP TRNH
Hc phn 4
--LP TRNH NG DNG
WEB VI ASP.NET V C#

Ma tai lieu: DT_NCM_LT_BT_LTW2

Phien ban 2.5 Thang 01/2010

Bi tp

BI 1: CC IU KHIN D LIU
1.1. To thm cc thnh phn trong project
(Hoc hc vin c th to mi project khc)

Yu cu:

To th mc App_code lu tr cc lp x l phc v cho qu trnh lm vic vi CSDL

Ghi ch: Gio vin c th cung cp cc lp x l ny

Chp tp tin CSDL QL_BANSACH.mdf vo th mc App_Data ( do gio vin cung cp)

To mt s th mc cn thit, c dng nh sau:

Quan h gia cc Table trong CSDL nh sau:

Lp trnh ng dng Web vi ASP.Net v C#

Trang 1/49

Bi tp

1.2. To trang Album cc loi hoa

ngha:
Trang web xem album cc loi hoa

Yu cu thit k:
Stt

i tng

Yu cu

Ni dung trang web

S dng iu khin ListBox, Image v Label

Danh sch hoa

iu khin ListBox, hc vin t cho danh sch hoa

Ghi ch: Hnh nh s c cung cp

Yu cu x l:
Stt
1

i tng
Danh sch hoa

Yu cu
Khi chn, xut hnh v tn hoa c chn ra mn hnh

1.3. To trang Xem danh sch Sch theo ch

ngha:
Trang web xem sch theo ch c chn

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin DropdownList v ListBox

Lp trnh ng dng Web vi ASP.Net v C#

Trang 2/49

Bi tp
Yu cu x l:
Stt

i tng

Yu cu

Khi m trang

To v xut danh sch Ch ra DropDownList

DropDownList

Khi chn, xut danh sch Sch theo ch c chn ra ListBox

1.4. To trang Phiu kin ngi tiu dng

Hnh 1: ang chn sn phm

Hnh 2: Kt qu bnh chn sn phm

ngha:
Trang web dng ly kin ngi tiu dng i vi cc sn phm

Yu cu thit k:
Stt
1

i tng
Ni dung
trang web

Yu cu
S dng iu khin RadioButtonList, CheckBoxList, Button, Label v
BulletedList

Lp trnh ng dng Web vi ASP.Net v C#

Trang 3/49

Bi tp
Yu cu x l:
Stt

i tng

Yu cu

Ghi ch

Trang web

Khi m trang, sn phm My git c chn v xut cc

tiu chun bnh chn tng ng ca My git ra danh
sch Cc tiu chun bnh chn

Danh sch sn
phm

Khi chn, xut:

Nt Xem kt
qu bnh chn

Danh sch tiu chun bnh chn tng ng

Tn sn phm ang c chn (hnh 1)

Khi chn, xut ra cc tiu chun c chn (hnh 2)

Xy dng th
tc to ra
danh sch
ny, trong
h.vin t to
d liu
Thit k bng
BulletedList

1.5. To trang Danh sch khch hng

ngha:
Trang web lit k danh sch khch hng

Yu cu thit k:
Stt

i tng

Yu cu

Ni dung trang web

S dng iu khin GridView

nh dng ct Ngy sinh l dd/MM/yyyy

Yu cu x l:
Stt
1

i tng
Trang web

Yu cu
Khi m trang, xut danh sch khch hng ra li.

1.6. To trang Danh sch Sch

Lp trnh ng dng Web vi ASP.Net v C#

Trang 4/49

Bi tp

ngha:
Trang web lit k danh sch Sch, c sp xp v phn trang

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin GridView
nh dng ct n gi v Ngy sinh
Cho php sp xp v phn trang trn GridView

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch Sch ra li

Li danh sch

X l sp xp v phn trang

1.7. To trang Danh sch khch hng vi ct ty bin

Lp trnh ng dng Web vi ASP.Net v C#

Trang 5/49

Bi tp

ngha:
Trang web lit k danh sch khch hng, c cc ct ty bin

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin GridView, Label v Image
nh dng ct Ngy sinh
Ct Gii tnh th hin Nam/N, ct k bn th hin hnh nam/n

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch khch hng ra li

Li danh sch

X l phn trang

1.8. To trang Thng tin chi tit sch

Lp trnh ng dng Web vi ASP.Net v C#

Trang 6/49

Bi tp

ngha:
Trang web lit k thng tin chi tit sch, c hnh nh minh ha, nt chn mua hng v phn trang

Yu cu thit k:
Stt

i tng

Yu cu

Ni dung trang web

S dng iu khin GridView v Label

nh dng ct n gi
To ct Hnh nh th hin hnh minh ha
To nt chn mua

(ButtonField)

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch Sch ra li.

Li danh sch

X l phn trang

Nt

Khi chn, tnh v xut ra mn hnh tng s lng

v tr gi cc quyn sch c chn

Ghi ch

Dng ViewState

Lu : mi ln chn l 1 cun

1.9. To trang Tng hp - vi ct ty bin (bi lm thm)

Lp trnh ng dng Web vi ASP.Net v C#

Trang 7/49

Bi tp

Hnh 1: Khi m trang

Hnh 2: Chn mt quyn sch v xem m t

ngha:
Trang web gii thiu tng qut sch, c hnh nh minh ha v phn trang.
Mc tiu: To ct ty bin cha nhiu iu khin trong .

Lp trnh ng dng Web vi ASP.Net v C#

Trang 8/49

Bi tp
Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin GridView, LinkButton v Label
Ct ty bin cha thng tin Tn sch v n gi
nh dng n gi
To ct Hnh nh th hin hnh minh ha

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch sch ra li.

Li danh sch

X l phn trang

Tn sch

Khi chn, xut thng tin m t sch ra mn hnh (hnh 2)

1.10. To trang Xem danh sch qung co (bi lm thm)

( http://www.vietfashion.vn/)

(http://www.haydetretudo.com.vn)/

(http://demo10.webinvietnam.com/For_Ad
/h/hanobaco/ )

( http://www.dutchlady.com.vn )

ngha:
Trang web lit k danh sch qung co ca cc cng ty

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin GridView (dng ImageField v HyperLinkField )

Lp trnh ng dng Web vi ASP.Net v C#

Trang 9/49

Bi tp
Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch qung co ra li (trong bng QUANG_CAO)

Tn cng ty

Khi chn, m trang web ca cng ty

1.11. To trang Cp nht thng tin Nh xut bn

Hnh 1: Li trong trng thi ang sa

Hnh 2: Nhn nt hy v vi phm li

ngha:
Trang web cho php xem v cp nht thng tin ca Nh xut bn

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin GridView (dng CommandField)

Yu cu x l:
Lp trnh ng dng Web vi ASP.Net v C#

Trang 10/49

Bi tp
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch Nh xut bn ra li.

Nt Chn

Khi chn, i mu ca dng c chn (hnh 1)

Nt

Khi chn: kim tra rng buc quan h

Nu hp l th hy dng hin hnh

Ngc li xut thng bo li (hnh 2)

M rng: xut hin hp thai hi xc nhn hy?

4

Nt Sa, Ghi, Khng

Khi chn, cp nht d liu vo bng NHA_XUAT_BAN hoc b qua

Ring nt Ghi: kim tra tn Nh xut bn khng c rng, nu vi
phm th khng cp nht

1.12. To trang Gii thiu sch

ngha:
Trang web gii thiu tng qut danh sch Sch hin c

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin DataList kt hp vi Image, Label, HyperLink
tn sch ( cha cn khai bo kin kt) v Horizontal Rule

Yu cu x l:
Stt
1

i tng
Trang web

Yu cu
Khi m trang, xut thng tin sch ra DataList
Thng tin M t: th hin khong 250 k t

Lp trnh ng dng Web vi ASP.Net v C#

Trang 11/49

Bi tp

1.13. To trang Lit k chi tit sch (bi lm thm)

ngha:
Trang web gii thiu chi tit v danh sch Sch hin c

Yu cu thit k:
Stt
1

i tng
Ni dung trang
web

Yu cu
S dng iu khin DataList kt hp vi Image, Label, BulletedList,
HyperLink Tn sch (cha cn khai bo kin kt) v Horizontal Rule

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut thng tin sch ra DataList ging nh hnh trn

Thng tin Tc gi

Lu : thit k bng BulletedList v x l trong s kin ItemDataBound

Lp trnh ng dng Web vi ASP.Net v C#

Trang 12/49

Bi tp

1.14. To trang Cp nht thng tin sch

ngha:
Trang web cho php xem v cp nht thng tin sch

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin DataList kt hp vi Image, Label, HyperLink
tn sch (cha cn khai bo kin kt), Button v Horizontal Rule
S dng iu khin TextBox trong thnh phn EditItemTemplate

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut thng tin sch ra DataList

Nt Hiu chnh

Khi chn, th hin ch chnh sa ca dng hin hnh

Nt Cp nht

Khi chn:

Nt B qua

Lu thng tin c thay i trn trang web xung bng SACH

(Lu : ch cp nht vng Mo_ta v Don_gia)

Tr v trng thi ReadOnly

Khi chn, b qua cc thay i trn trang web v tr v trng thi

ReadOnly

1.15. To trang Lit k sch mi (bi lm thm)

Lp trnh ng dng Web vi ASP.Net v C#

Trang 13/49

Bi tp

ngha:
Trang web cho php xem thng tin sch mi cp nht, trnh by theo 3 ct

Yu cu thit k:
Stt

i tng

Yu cu

Ni dung trang web

S dng iu khin DataList kt hp vi Image, Label, Button

Yu cu x l:
Stt
1

i tng
Trang web

Yu cu
Khi m trang, xut thng tin sch ra mn hnh ( 6 Ngy cp nht gn nht)

1.16. To trang Xem sch theo ch (bi lm thm)

Lp trnh ng dng Web vi ASP.Net v C#

Trang 14/49

Bi tp
Hnh 1: Khi m trang

Hnh 2: Nhn chut vo nt [+] xem cc sch c ch Vn hc dn gian

ngha
Trang web xem sch theo ch , c dng Master Details
Mc tiu: Lng GridView vo DataList

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin DataList, Label, Button v GridView

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch ch

Nt [+]

Khi nhn chut, lit k cc sch ca ch c chn (hnh 2)

Nt [-]

Khi nhn chut, tr v trng thi ban u (hnh 1)

1.17. To trang Xem thng tin khch hng

Lp trnh ng dng Web vi ASP.Net v C#

Trang 15/49

Bi tp
ngha:
Trang web xem thng tin chi tit v khch hng

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin DetailsView

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch khch hng ra mn hnh

DetailsView

X l phn trang

1.18. To trang Xem v cp nht thng tin nh xut bn

Hnh 1: Khi m trang

Hnh 2: Khi nhn vo nt Sa

Hnh 3: Khi nhn vo nt Thm

ngha:
Trang web xem v cp nht thng tin chi tit Nh xut bn

Yu cu thit k:
Stt

i tng

Lp trnh ng dng Web vi ASP.Net v C#

Yu cu

Trang 16/49

Bi tp
1

Ni dung trang web

S dng iu khin DetailViews c CommandField

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch Nh xut bn ra mn hnh

DetailViews

X l phn trang

Nt Sa, Cp
nht, Khng

Cp nht mu tin c vo bng NHA_XUAT_BAN hoc b qua

Kim tra Tn nh xut bn khng c rng, nu hp l th cp nht

Nt Thm, Ghi,
Khng

Thm mi mt mu tin vo bng NHA_XUAT_BAN hoc b qua

Nt Hy

Xa Nh xut bn hin hnh

Kim tra Tn nh xut bn khng c rng, nu hp l th thm mi

M rng: trc khi xa phi kim tra bn bng SACH

1.19. To trang Xem chi tit sch c chn

ngha:
Trang web xem chi tit sch c chn t Danh sch Sch (Dng Master - Detail)

Yu cu thit k:
Stt
1

i tng
Ni dung
trang web

Yu cu
S dng iu khin GridView th hin Danh sch Sch

Ct M sch: s dng ButtonField c thuc tnh ButtonType l Link

S dng iu khin DetailViews th hin Chi tit sch

Yu cu x l:
Stt
1

i tng
Trang web

Yu cu
Khi m trang, xut danh sch Sch ra mn hnh ng thi xut thng tin chi

Lp trnh ng dng Web vi ASP.Net v C#

Trang 17/49

Bi tp
tit ca sch u tin
2

Danh sch
Sch

X l phn trang
Khi chn M sch: th hin chi tit ca sch c chn ra mn hnh

1.20. To trang Xem thng tin khch hng

ngha:
Trang web xem thng tin chi tit v khch hng

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin FormView
nh dng Ngy sinh c dng dd/MM/yyyy
Gii tnh: Th hin chui Nam hoc N k bn CheckBox

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch khch hng ra mn hnh

FormView

X l phn trang

1.21. To trang Cp nht khch hng (bi lm thm)

Hnh 1: Khi m trang

Lp trnh ng dng Web vi ASP.Net v C#

Trang 18/49

Bi tp

Hnh 2: Khi nhn vo nt Sa

Hnh 3: Khi nhn vo nt Thm

Lp trnh ng dng Web vi ASP.Net v C#

Trang 19/49

Bi tp
ngha:
Trang web xem v cp nht thng tin chi tit khch hng

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng iu khin FormView

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, xut danh sch khch hng ra mn hnh

FormView

X l phn trang

Nt Sa, Cp
nht, Khng

Cp nht mu tin c vo bng KHACH_HANG hoc b qua

Kim tra H tn khng c rng, nu hp l th cp nht

Nt Thm, Ghi,
Khng

Thm mi mt mu tin vo bng KHACH_HANG hoc b qua

Nt Hy

Xa khch hng hin hnh

Kim tra H tn khng c rng, nu hp l th thm mi

M rng: trc khi xa phi kim tra bn bng DON_DAT_HANG v c

thng bo hi xc nhn

Lp trnh ng dng Web vi ASP.Net v C#

Trang 20/49

Bi tp

BI 2: XY DNG CC USER CONTROLS

Xy dng trang Default.aspx c giao din nh sau:

Lp trnh ng dng Web vi ASP.Net v C#

Trang 21/49

Bi tp

Hng dn thit k:

Khung trang web l mt Table gm 4 dng, 3 ct

Cc th hin trn trang web: gm cc yu cu trong cc bi tp sau

2.1. To User Control u trang - TH_HEADER

ngha:
Dng lm banner gii thiu v trang web, ng qung co

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng Table v Image

2.2. To User Control cui trang - TH_FOOTER

ngha:
Gii thiu v c quan ch qun ca website, a ch lin h, cng ty xy dng trang web, ...

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng Table

2.3. To User Control thc n - TH_THUCDON

ngha:
Dng lm thc n chnh cho trang web

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng Table v HyperLink

2.4. To User Control ch sch - TH_CHUDE

Lp trnh ng dng Web vi ASP.Net v C#

Trang 22/49

Bi tp

ngha
Dng lm cc mc chn v Ch sch

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng Table, DataList, Image v HyperLink

Yu cu x l:
Stt
1

i tng
DataList

Yu cu
Khi m trang, to ngun v lin kt d liu trong bng CHU_DE

2.5. To User Control sch mi - TH_SACHMOI

ngha:
Dng th hin danh sch Sch mi nhp v

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng Table, GridView v Image

Yu cu x l:
Stt
1

i tng
GridView

Yu cu
Khi m trang, to ngun v lin kt d liu trong bng SACH
Lu : ly cc sch c 5 ngy cp nht gn nht

2.6. To User Control qung co gia trang - TH_QC_BODY

Lp trnh ng dng Web vi ASP.Net v C#

Trang 23/49

Bi tp

ngha:
Dng hin th cc lin kt qung co c th hin di dng hnh nh

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng Table v AdRotator

Yu cu x l:
Stt
1

i tng
AdRotator

Yu cu
To 3 qung co trn, c tn sut xut hin bng nhau
Ghi ch: Gio vin c th c cung cp th hin ny

2.7. To User Control danh sch Sch - TH_DS_SACH

ngha:
Dng th hin thng tin tng qut v cc quyn sch

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng Table, DataList, Image, HyperLink, Label v Button

Lp trnh ng dng Web vi ASP.Net v C#

Trang 24/49

Bi tp
Yu cu x l:
Stt
1

i tng

Yu cu

DataList

Khi m trang, to ngun v lin kt d liu trong bng SACH

Lu : ly cc sch c 6 ngy cp nht gn nht

2.8. To User Control thng tin gi hng - TH_THONGTIN_GH

ngha:
Dng th hin chc nng xem gi hng v thng tin tng s tin cc quyn sch c chn mua

Yu cu thit k:
Stt
1

i tng
Ni dung trang
web

Yu cu
S dng Table, Image, Label (th hin S tin) v HyperLink (Gi hng
ca bn)

2.9. To User Control qung co bn phi trang - TH_QC_PHAI

ngha:
Dng hin th cc hnh nh qung co cn hiu lc

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng Table v GridView

Lp trnh ng dng Web vi ASP.Net v C#

Trang 25/49

Bi tp
Yu cu x l:
Stt
1

i tng
GridView

Yu cu
Khi m trang web, to ngun v lin kt d liu trong bng QUANG_CAO
Lu : ch ly cc qung co c ngy ht hn <= ngy hin hnh

2.10. To User Control sch bn chy - TH_SACH_BANCHAY

ngha
Dng th hin danh sch Sch bn chy (da trn S lng bn)

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng Table, DataList, Image v HyperLink

Yu cu x l:
Stt
1

i tng
DataList

Yu cu
Khi m trang, to ngun v lin kt d liu trong bng SACH
Lu : ly cc sch c 5 S lng bn cao nht

Lp trnh ng dng Web vi ASP.Net v C#

Trang 26/49

Bi tp

BI 3: QUN L NG DNG WEB

3.1. Cc x l trong trang Default.aspx ca bi 2
Mc tiu:

S dng i tng Request v Session

Yu cu x l:
Stt

i tng

Yu cu

TH_CHUDE

Khi chn mt ch , lc cc sch trong TH_DS_SACH theo ch

v th hin tn ch c chn (Hnh 1)

TH_DS_SACH

Ngun d liu phi c lc theo ch c chn t TH_CHUDE

Nt

Ghi nhn tng s tin (Don_gia) t mua

Cp nht vo gi hng (lin quan n bi 3.2).
Lu : nu sch c chn mua trc th tng s lng ln 1,
ngc li th mi thm vo gi hng

TH_THONGTIN_GH

Khi nhn chut vo Gi hng ca bn th m trang Gi hng (cu

3.2) trong mt ca s mi
Th hin tng s tin ca sch c chn mua (Hnh 2)

Hnh 1: Lc sch Vn hc dn gian

Lp trnh ng dng Web vi ASP.Net v C#

Trang 27/49

Bi tp

Hnh 2: Sau khi chn mua 3 quyn sch Vn hc dn gian u tin

3.2. To trang Gi hng

ngha
Dng lit k thng tin chi tit cc sch c khch hng chn mua
Mc tiu: Dng i tng Session

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng Table, GridView, Label, Image, CheckBox v Button
Khng c php chnh sa cc gi tr trn li ngoi tr S lng

Yu cu x l:
Stt
1

i tng
Ngun cho li

Yu cu
To lp SP_SACH c cc thuc tnh l M sch, Tn sch, S
lng, n gi v Thnh tin
Khai bo bin Session kiu ArrayList lu tr cc phn t c kiu l
lp SP_SACH

Trang web

Khi m trang, to ngun v lin kt d liu

Nt Sa, Ghi,
Khng

X l nh cc bi trc

4
5

Nt
Tng s tin v
Tng mt hng

Lu : cp nht vo Session kiu ArrayList

Xa cc dng c nh du chn
Phi c cp nht gi tr khi thay i S lng hoc xa cc dng

M rng:

Lp trnh ng dng Web vi ASP.Net v C#

Trang 28/49

Bi tp

B sung iu khin CheckBox vo ct nt Xa v chuyn nt Xa xung Footer

Yu cu x l: khi chn CheckBox th t ng chn tt c cc CheckBox trong ct ny v ngc li

(dng JavaScript)

3.3. Cc x l tip theo trong bi 6.1

Mc tiu:

Load ng cc User Control

Yu cu thit k:

To User Control Ni dung chi tit sch - TH_NOI_DUNG_SACH.ascx (hnh 1)

Stt
1

i tng
Ni dung

Yu cu
S dng Table, DataList, Image v Label

Hnh 1: Th hin ni dung chi tit sch

Lp trnh ng dng Web vi ASP.Net v C#

Trang 29/49

Bi tp
Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, giao din v ngun d liu ging bi 2 trang

Default.aspx

Cc User Control:
TH_DS_SACH,
TH_SACHMOI,
TH_SACH_BANCHAY

Khi nhn chut vo Tn sch th th hin ni dung chi tit ca sch

c chn (hnh 1)
Lu : TH_NOI_DUNG_SACH s th ch TH_DS_SACH trong trang
Default.aspx (s dng iu khin PlaceHolder)

Lp trnh ng dng Web vi ASP.Net v C#

Trang 30/49

Bi tp

BI 4: WEB SERVICES
4.1. To Web Services Ws_Chude

Mc tiu:

S dng Web Services kt hp vi iu khin ObjectDataSource

ngha

Trang web th hin Danh sch Ch , c phn trang v sp xp

Yu cu thit k:
Stt

i tng

Yu cu

Ni dung trang web

S dng Panel v GridView

Web Services
Ws_chude

To phng thc Hien_thi_chude() dng cung cp danh sch

Ch hin c

ObjectDataSource

i tng ly ngun d liu l Ws_chude

Yu cu x l:
Stt
1

i tng
GridView

Yu cu
Lin kt d liu vi ObjectDataSource
Khai bo phn trang v sp xp

Lp trnh ng dng Web vi ASP.Net v C#

Trang 31/49

Bi tp

BI 5: XY DNG HON CHNH NG DNG

WEB
5.1. To trang MasterPage.master c dng sau:

Hnh 1: Dng thit k

ngha
Dng lm trang Master

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng li cc User Control to trong bi 2

5.2. To trang Default02.aspx

Lp trnh ng dng Web vi ASP.Net v C#

Trang 32/49

Bi tp

Hnh 1: Dng thit k, sau khi khai bo Content

ngha:
Trang ni dung c trang Master l trang MasterPage.master

Yu cu thit k:
Stt

i tng

Ni dung trang web

Yu cu
S dng li cc User Control to trong bi 2
Khai bo MasterPageFile v Content

5.3. To trang H thng bi tp HP4 - LT Web2

Lp trnh ng dng Web vi ASP.Net v C#

Trang 33/49

Bi tp

Hnh 1: Trang ch khi mi m

Hnh 2: Lin kt n Bi 4.3

Lp trnh ng dng Web vi ASP.Net v C#

Trang 34/49

Bi tp

Hnh 3: Cc chc nng ca thc n ngang

ngha:
Trang ch dng lin kt n cc trang web trong h thng bi tp
Mc tiu: s dng cc iu khin Navigation kt hp vi tp tin .sitemap

Yu cu thit k:
Trang Master
Stt

i tng

Yu cu

Ni dung trang

Gm 1 table 4 dng, 2 ct

Thng tin th hin

cy thc n

S dng SiteMapPath

Cy thc n bi
tp

S dng TreeView v SiteMapDataSource

Thc n ngang

Lu : To file Web.sitemap
S dng Menu

Trang ch
Stt

i tng

Ni dung trang web

Yu cu
Cha dng vn bn NI DUNG BI TP
Khai bo MasterPageFile v Content

Cc trang lin kt bi tp
Stt

i tng

Ni dung trang web

Yu cu
L ni dung cc bi tp
Lu : hc vin nn dng li (hoc copy sang file khc) cc bi tp
lm trc
Khai bo MasterPageFile v Content

Yu cu x l:
Trang Master
Stt
1

i tng
Cy thc n bi
tp

Yu cu
Khi chn mt chc nng bi tp th xut hin ni dung trang web ca
bi tp tng ng
Hng dn: xy dng cu trc tp tin Web.sitemap

Thc n ngang

Khi chn mt chc nng con th lin kt n trang web tng ng

Hng dn: thit k trc tip cc chc nng hoc
Thng qua vic xy dng cu trc tp tin menu.sitemap, sau khai
bo trong tp tin Web.config

Phn cung cp a ch cc trang:

Lp trnh ng dng Web vi ASP.Net v C#

Trang 35/49

Bi tp
Hng dn hc ASP.Net: http://www.w3schools.com/aspnet/default.asp
Xy dng ng dng web vi ASP.Net: http://msdn2.microsoft.com/en-us/library/ms644563.aspx
Bo tui tr : http://www.tuoitre.com.vn
Bo Thanh nin : http://www.thanhnien.com.vn
Tin nhanh : http://vnexpress.net

5.4. To trang Thay i nh dng

Hnh 1: Khi m trang

Hnh 2: Chn Skin l FAQ

ngha
Trang Web c chc nng thay i nh dng trong mt trang
Mc tiu: s dng Themes v Skins, thay i Theme lc thc thi (Theme ng)

Yu cu thit k:
Stt

i tng

Yu cu

Danh sch chn

mu

S dng DropDownList, danh sch nh sau:

Hnh ny ch minh
ha, H.Vin c th
to danh sch ty
thch

Cy thc n

S dng TreeView

Khai bo ngun
ging bi 5.3

Lp trnh ng dng Web vi ASP.Net v C#

Ghi ch

Trang 36/49

Bi tp
3

Tp tin .Skin

Thit k cc iu khin TreeView vi cc nh dng

khc nhau. Trong c mt iu khin mc nh

H.vin t thit k cc
nh dng ty thch

Yu cu x l:
Stt

i tng

Yu cu

Trang web

Khi m trang, Cy thc n c nh dng theo Theme mc nh (hnh 1)

Danh sch
chn mu

Khi thay i gi tr, Cy thc n c thay i theo Skin c chn (hnh

2)

Lp trnh ng dng Web vi ASP.Net v C#

Trang 37/49

Bi tp

BI 6: TRIN KHAI NG DNG WEB

6.1. To ng dng web trn IIS:
Mc tiu:

S dng IIS

ngha:

To ng dng web trn IIS, sau cc hc vin s cung cp a ch IP ca my cho ngi khc. Mc
ch l cc hc vin truy cp vo website ca ngi khc

Yu cu:

S dng li cc project lm trc , to th mc mc o nh x n th mc ng dng

S dng trnh duyt truy cp website ngay trn my mnh v cc my khc

6.2. Trin khai ng dng web:

Mc tiu:

S dng cng c Web Deployment Setup

ngha:

Trin khai ng dng web, sau c th publish ln mt free host

Yu cu:

S dng li cc project lm trc , to project trin khai

Lp trnh ng dng Web vi ASP.Net v C#

Trang 38/49

Bi tp

BI 7: BO MT WEBSITE
7.1. To User v Role:
Mc tiu:

S dng cng c WAT

ngha:

To cc User v Role, gn quyn truy xut cc trang trong website cho Role v cp Role cho tng User

Yu cu thit k:

To Project mi, sau ln lt to cc th mc sau: Man_hinh, Man_hinh_KT, Man_hinh_QT

Ln lt to cc trang web trong 3 th mc trn, ni dung trang web l ty (xem hnh 1)

Hnh 1: cu trc project

S dng cng c WAT :

Khai bo chng thc cho website l Forms Authentication

To cc Role sau: QuanTri, KeToan, BanHang, KhachHang

To cc User sau: Hung, Dung, Nga, Huyen, Hoa, Thu

Cp quyn truy xut cc th mc v trang web ca project trn nh sau:

Tt c cc user u c quyn truy xut th mc Man_hinh

Role QuanTri c quyn truy xut th mc Man_hinh_KT v Man_hinh_QT

Role KeToan c quyn truy xut th mc Man_hinh_KT

Cp Role cho cc User nh sau:

+

Role QuanTri c User Dung

Role KeToan c User Huyen

Role BanHang c User Thu

Role KhachHang gm c User Hung, Nga v Hoa

Lp trnh ng dng Web vi ASP.Net v C#

Trang 39/49

Bi tp

7.2. To trang Login.aspx:

Hnh 1: Trang Login.aspx

Hnh 2: Khi ng nhp khng hp l

Mc tiu:

S dng iu khin Login

ngha:

To trang ng nhp, sau nhp tn user v mt khu c cp trong bi 7.1

Yu cu thit k:

S dng iu khin Login thit k trang ng nhp nh hnh 1

Yu cu x l:
Stt
1

i tng
Nt

Yu cu
Nu hp l th chuyn n trang Default.aspx (bi 7.3)

7.3. To trang Default.aspx

Hnh 1: Trang Default.aspx

Ghi ch: chc nng Mn hnh K ton v Mn hnh Qun tr cng ging chc nng Mn hnh

Mc tiu:

Kim tra cc quyn truy xut ca user sau khi ng nhp (lu : trang ny c m t bi 7.2)

ngha:

Gi lp trang ch, trn trang ny c h thng thc n m cc trang trong cng mt website

Yu cu thit k:

S dng iu khin Menu thit k thc n nh hnh 1

Yu cu x l:
Lp trnh ng dng Web vi ASP.Net v C#

Trang 40/49

Bi tp
Stt

i tng

Yu cu

Chc nng Trang 1 v Trang 2

Chuyn n trang web tng ng nm trong th mc

c chn (cng chnh l tn thc n chnh)

Chc nng ng nhp

Chuyn n trang Login.aspx (bi 7.2)

Chc nng i mt khu

Chuyn n trang ChangePass.aspx (bi 7.4)

Chc nng Xem v cp nht Profile

Chuyn n trang Capnhat_Profile.aspx (bi 7.5)

7.4. To trang ChangePass.aspx

Hnh 1: Trang ChangePass.aspx

Hnh 2: Thay i mt khu thnh cng

Mc tiu:

S dng iu khin ChangePassword

ngha:

Trang dng i mt khu sau khi ng nhp

Yu cu thit k:

S dng iu khin ChangePassword thit k

Yu cu x l:
Stt
1

i tng

Yu cu
Chuyn n trang Default.aspx

Nt

7.5. To trang Capnhat_Profile.aspx

Hnh 1: Khi user cha c thng tin Profile

Lp trnh ng dng Web vi ASP.Net v C#

Trang 41/49

Bi tp

Hnh 2: Sau khi cp nht Profile

Mc tiu:

S dng Profile

ngha:

Trang dng xem thng tin Profile v cp nht Profile ca user sau khi ng nhp

Yu cu thit k:

S dng cc iu khin thch hp thit k trang web c dng hnh 1

Yu cu x l:
Stt
1
2

i tng
Khi mi m trang

Nt

Lp trnh ng dng Web vi ASP.Net v C#

Yu cu
Hin th thng tin Profile ca user
( lu : trang ny c m t trang Default.aspx)
Lu 3 gi tr c nhp trong cc TextBox vo Profile

Trang 42/49

Bi tp

BI 8: GII THIU V S DNG AJAX

8.1. To trang Pheptinh.aspx

Mc tiu:

Truy xut ASP.NET control trong javascript

S dng Ajax vi i tng XmlHttpRequest

ngha:

Ngi dng nhp 2 s v chn php tnh

Khi ngi dng click nt = th Client s gi gi tr ca 2 s v php tnh v Server vi yu cu thc

hin php tnh ng vi php tnh

Server s thc hin php tnh v gi kt qu v Client

Client hin th kt qu.

Yu cu:

Dng ASP.NET control thit k giao din

Thc hin bi ton trn m khng c PostBack (khng load li trang web)

8.2. To trang Monhoc.aspx

Mc tiu:

S dng Ajax vi i tng XmlHttpRequest

Kt qu tr v Client dng Xml

ngha:

Dng Ajax gi yu cu load d liu v nhn kt qu tr v

Hin th d liu cho ComboBox

Lp trnh ng dng Web vi ASP.Net v C#

Trang 43/49

Bi tp
Yu cu x l:

To 1 mng cha tn cc mn hc: {ASP.Net, PHP, Joomla, CSharp, ADO.Net}

Khi click vo nt
load d liu t mng mn hc cho ComboBox

, nu ComboBox Mn hc cha c d liu th s

8.3. To trang TimKiem_hocvien.aspx

Hnh 1: Bt u tm

Hnh 2: Nu tm thy

Hnh 3: Nu khng tm thy

Mc tiu:

Dng Ajax vi UpdatePanel

ngha:

Dng Ajax gi yu cu load d liu v nhn kt qu tr v

Lp trnh ng dng Web vi ASP.Net v C#

Trang 44/49

Bi tp

Hin th d liu ra mn hnh

Yu cu thit k:
Stt

i tng

Yu cu

ScriptManager

UpdatePanel

Cha cc iu khin phc v cho vic tm kim

Panel 1

Cha thng tin hc vin

Panel 2

Cha nhn thng bo khi khng tm thy

Yu cu x l:
Stt

i tng

Yu cu
To class HOC_VIEN vi cc thng tin lu tr l Mahv, Hoten v Ngaysinh

Dng mng hay List lu danh sch hc vin trong b nh. Hc vin c
th t to danh sch ty hoc theo d liu cung cp sau:
MaHV
HV001
HV002
HV003
HV004
2

HoTen
Nguyn Vn Bnh
Nguyn Th Cc
Trn Thu H
inh Quc Tun

NgaySinh
05/01/1987
13/05/1987
20/07/1988
22/03/1987

Tm trong mng hay List, tm theo M hc vin

Nt

Nu tm thy th th hin thng tin ca hc vin (hnh 2). Ngc li th

thng bo (hnh 1)

8.4. To trang Nhaxuatban.aspx

Mc tiu:

Dng Ajax vi UpdatePanel

ngha:

Xem cc tnh nng phn trang, sp xp, xa, sa trn li u hot ng theo c ch Ajax

Yu cu thit k:
Stt

i tng

Lp trnh ng dng Web vi ASP.Net v C#

Yu cu

Trang 45/49

Bi tp
1

ScriptManager

UpdatePanel

Cha iu khin GirdView

GridView

Cha danh sch Nh xut bn

ObjectDataSource
hoc SqlDataSource

Cha ngun d liu Nh xut bn

Yu cu x l:
Stt
1

i tng
GridView

Yu cu
Thao tc Xa, Sa, Ghi v Khng trc tip trn li
Sp xp v phn trang

8.5. To trang Capnhat_NXB.aspx

Mc tiu:

Dng Ajax vi UpdatePanel

S dng cc thuc tnh UpdateMode v Trigger ca UpdatePanel cu hnh cho UpdatePanel, ch cp

nht vng n cha khi tha iu kin no . (trong bi ny, iu kin cp nht l khi bin c Inserted
ca DetailsView xy ra)

ngha:

Xem d liu c thm vo trn li, li hat ng theo c ch Ajax

Yu cu thit k:
Stt

i tng

ScriptManager

DetailsView

Yu cu

Dng cp nht Nh xut bn.

Mc nh l ch thm mi (DefaultMode = Insert)

Lp trnh ng dng Web vi ASP.Net v C#

Trang 46/49

Bi tp
3

UpdatePanel

Cha iu khin GirdView

Thuc tnh UpdateMode = Conditional
S kin cho thuc tnh Trigger l ItemInserted

GridView

Cha danh sch Nh xut bn

ObjectDataSource
hoc SqlDataSource

Cha ngun d liu Nh xut bn

Yu cu x l:
Stt
1

i tng
DetailsView

Yu cu
Nhp d liu vo. Nhn nt Insert th GridView s hin th thng tin Nh
xut bn mi c nhp (nhn xt khng thy Postback khi thm)

Lp trnh ng dng Web vi ASP.Net v C#

Trang 47/49

Bi tp

MC LC
BI 1:
1.1.
1.2.
1.3.
1.4.
1.5.
1.6.
1.7.
1.8.
1.9.
1.10.
1.11.
1.12.
1.13.
1.14.
1.15.
1.16.
1.17.
1.18.
1.19.
1.20.
1.21.
BI 2:
2.1.
2.2.
2.3.
2.4.
2.5.
2.6.
2.7.
2.8.
2.9.
2.10.
BI 3:
3.1.
3.2.
3.3.
BI 4:
4.1.
BI 5:
5.1.
5.2.

CC IU KHIN D LIU ........................................................................................... 1

To thm cc thnh phn trong project........................................................................ 1
To trang Album cc loi hoa ....................................................................................... 2
To trang Xem danh sch Sch theo ch ................................................................. 2
To trang Phiu kin ngi tiu dng ........................................................................ 3
To trang Danh sch khch hng ................................................................................. 4
To trang Danh sch Sch ........................................................................................... 4
To trang Danh sch khch hng vi ct ty bin ......................................................... 5
To trang Thng tin chi tit sch.................................................................................. 6
To trang Tng hp - vi ct ty bin (bi lm thm) ................................................... 7
To trang Xem danh sch qung co (bi lm thm)..................................................... 9
To trang Cp nht thng tin Nh xut bn ................................................................ 10
To trang Gii thiu sch ........................................................................................... 11
To trang Lit k chi tit sch (bi lm thm) ............................................................. 12
To trang Cp nht thng tin sch ............................................................................. 13
To trang Lit k sch mi (bi lm thm).................................................................. 13
To trang Xem sch theo ch (bi lm thm)......................................................... 14
To trang Xem thng tin khch hng ......................................................................... 15
To trang Xem v cp nht thng tin nh xut bn ..................................................... 16
To trang Xem chi tit sch c chn ....................................................................... 17
To trang Xem thng tin khch hng ......................................................................... 18
To trang Cp nht khch hng (bi lm thm) .......................................................... 18
XY DNG CC USER CONTROLS............................................................................... 21
To User Control u trang - TH_HEADER .................................................................. 22
To User Control cui trang - TH_FOOTER ................................................................. 22
To User Control thc n - TH_THUCDON ................................................................ 22
To User Control ch sch - TH_CHUDE ................................................................ 22
To User Control sch mi - TH_SACHMOI ................................................................. 23
To User Control qung co gia trang - TH_QC_BODY .............................................. 23
To User Control danh sch Sch - TH_DS_SACH ....................................................... 24
To User Control thng tin gi hng - TH_THONGTIN_GH........................................... 25
To User Control qung co bn phi trang - TH_QC_PHAI ......................................... 25
To User Control sch bn chy - TH_SACH_BANCHAY ............................................... 26
QUN L NG DNG WEB ......................................................................................... 27
Cc x l trong trang Default.aspx ca bi 2............................................................... 27
To trang Gi hng ................................................................................................... 28
Cc x l tip theo trong bi 6.1 ................................................................................ 29
WEB SERVICES.......................................................................................................... 31
To Web Services Ws_Chude..................................................................................... 31
XY DNG HON CHNH NG DNG WEB.................................................................. 32
To trang MasterPage.master c dng sau: ................................................................ 32
To trang Default02.aspx .......................................................................................... 32

Lp trnh ng dng Web vi ASP.Net v C#

Trang 48/49

Bi tp
5.3.
5.4.
BI 6:
6.1.
6.2.
BI 7:
7.1.
7.2.
7.3.
7.4.
7.5.
BI 8:
8.1.
8.2.
8.3.
8.4.
8.5.

To trang H thng bi tp HP4 - LT Web2 ................................................................ 33

To trang Thay i nh dng .................................................................................... 36
TRIN KHAI NG DNG WEB..................................................................................... 38
To ng dng web trn IIS: ...................................................................................... 38
Trin khai ng dng web:.......................................................................................... 38
BO MT WEBSITE.................................................................................................... 39
To User v Role: ..................................................................................................... 39
To trang Login.aspx: ............................................................................................... 40
To trang Default.aspx .............................................................................................. 40
To trang ChangePass.aspx ....................................................................................... 41
To trang Capnhat_Profile.aspx ................................................................................. 41
GII THIU V S DNG AJAX .................................................................................. 43
To trang Pheptinh.aspx ............................................................................................ 43
To trang Monhoc.aspx ............................................................................................. 43
To trang TimKiem_hocvien.aspx ............................................................................... 44
To trang Nhaxuatban.aspx ....................................................................................... 45
To trang Capnhat_NXB.aspx .................................................................................... 46

Lp trnh ng dng Web vi ASP.Net v C#

Trang 49/49