I HC QUC GIA THNH PH H CH MINH

I HC CNG NGH THNG TIN

---- ---

BO CO N

Mn hc:

Lp trnh ng dng mng

Gio vin:
Mai Xun Hng
Sinh vin thc hin:
Hong c Thin

Tp.H Ch Minh, thng 5 nm 2012

09520663

Lp trnh ng dng mng

MC LC

M U ..........................................................................................................................................3
PHN TCH .....................................................................................................................................4
I. V ni dung ...............................................................................................................................4
II. V giao din .............................................................................................................................4
III. V c s d liu : ....................................................................................................................4
THIT K GIAO DIN ...................................................................................................................5
XY DNG WEB SITE ................................................................................................................. 11
I. Xy dng c s d liu : .......................................................................................................... 11
II. Xy dng trang web ............................................................................................................... 14
1.

Cc thnh phn c chung ca mi trang : ........................................................................ 14

2.

Phn ring ca mi trang ................................................................................................. 16

KIM TH .................................................................................................................................... 37
NHN XT CA GIO VIN....................................................................................................... 38

i hc cng ngh thong tin

Page 2

Lp trnh ng dng mng

M U
Ngy nay, xem tin tc hng ngy tr thnh thi quen v nhu cu thit yu ca
rt nhiu ngi nhm cp nht thng tin v vn ha, chnh tr, khoa hc, x hi trong
nc v ngoi nc. Xem tin tc cng c nhiu hnh thc khc nhau : c bo, xem tivi,
nghe radio c bit l xem bo mng, phng thc ny ang rt c a chung v s
dng ngy cng ph bin. Xem bo mng c nhiu li ch hn cc phng php khc nh
: min ph, cp nht tin tc nhanh chng, u n, tin li, c th xem mi lc mi ni
ch vi mt thit b cm tay c th truy cp internet.
L mt sinh vin ngnh cng ngh thong tin, hng ngy em thng xem cc tin
tc v lnh vc ny nhm tip thu thm nhiu kin thc chuyn ngnh, cp nht cc tin
tc v cng ngh, k thut bt kp vi thi i.
Vi nhng l do trn em quyt nh chn n thit k website a tin vi ni
dung ni v cc lnh vc ca ngnh cng ngh thng tin

i hc cng ngh thong tin

Page 3

Lp trnh ng dng mng

PHN TCH
I. V ni dung
Ty theo nh gi ca mi ngi, mt trang web a tin c th c nhiu chuyn
mc khc nhau, vi bn thn mnh em s xy dng trang web vi cc chuyn mc nh
sau :
-

Thng tin cng ngh : a cc tin tc ni chung v ngnh cng ngh thong tin
Phn mm : a cc tin tc v cc phn mm, nh gi
Khoa hc k thut : a cc tin tc v lnh vc khoa hc k thut
Sn Phm : a cc tin tc v cc sn phm cng ngh
Game : a cc tin tc v game

II. V giao din

Gm c :
- Trang ch
- Trang hin th cc bi vit ca tng chuyn mc :
- Trang hin th ni dung bi vit :
- Trang ng nhp
- Trang ng k
- Trang thng tin thnh vin :
III. V c s d liu :
Gm cc table c cc chc nng nh sau
- Lu gi thng tin v bi vit
- Lu gi thong tin thnh vin
- Lu gi thng tin v cc bi bnh lun

i hc cng ngh thong tin

Page 4

Lp trnh ng dng mng

THIT K GIAO DIN

- Trang s ch hin th :
+ Thanh menu ng nhp, ng k, tm kim
+ Thanh menu vo cc trang chuyn mc
+ Cc bi vit mi nht
+ Cc bi vit c xem nhiu nht
+ Cc bi vit c quan tm, bnh lun nhiu nht
+ Cc bnh lun mi nht v cc bi vit
+ Cc bi vit mi nht ca tng chuyn mc

Hnh 1.1 Giao din trang ch

i hc cng ngh thong tin

Page 5

Lp trnh ng dng mng

- Trang chuyn mc hin th :
+ Tiu bi vit
+ Thi gian a bi vit
+ Hnh nh biu tng ca bi vit
+ M t n gin ni dung bi vit
+ Nt chc nng thm bi vit

Hnh 1.2 Giao din trang chuyn mc

i hc cng ngh thong tin

Page 6

Lp trnh ng dng mng

- Trang bi vit hin th :
+ Ni dung, ngi gi, thi gian gi bi vit
+ Cc bi vit c cng chuyn mc
+ Bnh lun bi vit
+ Nt chc nng sa, xa bi vit

Hnh 1.3 Giao din trang bi vit

i hc cng ngh thong tin

Page 7

Lp trnh ng dng mng

- Trang thng tin thnh vin :
+ Thng tin c bn v thnh vin
+ Cc bi vit ng
+ Cc bnh lun ng
+ Nt chc nng sa thong tin, xa thnh vin

Hnh 1.4 Giao din trang thng tin thnh vin

i hc cng ngh thong tin

Page 8

Lp trnh ng dng mng

- Trang ng nhp

Hnh 1.5 Giao din trang ng nhp

- Trang ng k

Hnh 1.6 Giao din trang ng k

i hc cng ngh thong tin

Page 9

Lp trnh ng dng mng

- Trang tm kim

Hnh 1.6 Giao din trang tm kim

- Trang thm bi vit

Hnh 1.7 Giao din trang thm bi vit

i hc cng ngh thong tin

Page 10

Lp trnh ng dng mng

XY DNG WEB SITE

I. Xy dng c s d liu :
Tn database : ttcn bao gm 4 table

Hnh 2.1.1 Database ttcn

Table name table : lu tr thong tin cc bi vit
Gm cc filed :
- MaBV : m bi vit
- TieuDe : tiu ca bi vit
- BieuTuong : biu tng ca bi vit
- NoiDung : ni dung bi vit
- ForumID : chuyn mc cha bi vit
- View : s lt xem bi vit
- Date : thi gian gi bi vit
- MoTa : s lc n gin v ni dung bi vit
- SoBL : tng s bnh lun ca bi vit
- User : ngi ng bi vit

i hc cng ngh thong tin

Page 11

Lp trnh ng dng mng

Hnh 2.1.2 Table table

Table comment lu tr thong tin v cc bnh lun
Gm cc field :
- ID : m bi bnh lun
- User : ngi gi bnh lun
- Mabv : bnh lun trong bi vit no
- Noidung : ni dung bnh lun
- Date : ngy gi bnh lun

i hc cng ngh thong tin

Page 12

Lp trnh ng dng mng

Hnh 2.1.3 Table comment

Table account : lu tr thng tin ca cc thnh vin
Gm cc field :
- Username : tn ng nhp
- Password : mt khu ng nhp
- HoTen : h tn thnh vin
- Permission : quyn hn (thnh vin thng c permission = 1, admin = 2, mod
= 3)
- Date : ngy ng k thnh vin
- Avatar : nh i din
- Email : a ch lien lc

i hc cng ngh thong tin

Page 13

Lp trnh ng dng mng

Hnh 2.1.4 Table Account

Table image : lu tr s lng file nh upload ln sever t user (mi ln user upload
file nh lm avatar, tn file s c nh km thm mt s th t, trnh trng hp tn
file b trng lp)

Hnh 2.1.5 Table image

II. Xy dng trang web
1. Cc thnh phn c chung ca mi trang :
Thanh menu ng nhp :
-

Nu ng nhp vo trang web th hin th thong tin thnh vin, thot v

thnh tm kim

i hc cng ngh thong tin

Page 14

Lp trnh ng dng mng

Hnh 2.2.1 ng nhp
-

Nu cha ng nhp th hin th ng nhp, tm kim

Hnh 2.2.2 Cha ng nhp

Hnh 2.2.3 Code thanh menu ng nhp

Thanh menu hin cc chuyn mc

Hnh 2.2.3 Menu chuyn mc

Hnh 2.2.4 Code menu chuyn mc

Danh sch cc bi vit c xem nhiu nht, trnh by bn tri tri web

i hc cng ngh thong tin

Page 15

Lp trnh ng dng mng

Hnh 2.2.5 Cc bi vit c xem nhiu nht

Hnh 2.2.6 Code bi vit c xem nhiu nht

2. Phn ring ca mi trang
A. Trang ch : index.php
Danh sch cc bi vit c ch v cc bnh lun mi
Khi a chut vo ch C CH hoc BNH LUN s bt s kin hover v
gi cc hm ajax thay i th DIV bn di

i hc cng ngh thong tin

Page 16

Lp trnh ng dng mng

Hnh 2.2.7 Danh sch c ch v bnh lun

Mc nh ban u s l danh sch cc bi vit c ch

Hnh 2.2.8 Code danh sch c ch v bnh lun

i hc cng ngh thong tin

Page 17

Lp trnh ng dng mng

Bt s kin hover v gi thng tin n trang select3.php x l

Hnh 2.2.9 Bt s kin hover

Ty theo yu cu c a n m trang select3.php s tr v d liu l cc bi vit c
ch hoc cc bi bnh lun c ng gn y nht

Hnh 2.2.10 Select3.php

Slide show cc bi vit mi nht

i hc cng ngh thong tin

Page 18

Lp trnh ng dng mng

Hnh 2.2.11 Silde show cc bi vit mi

t 2 th div c ta chng ln nhau (ta c thit k trong file style.css), 1 th
cha hnh nh bi vit, 1 th cha tiu v m t v bi vit

Hnh 2.2.12 Hai th div ca silde show

Dng hm setInterval ca javascript, sau 4s gi hm ajax ly nh v d liu mi, thay i
ni dung 2 th div, to thnh slide show

i hc cng ngh thong tin

Page 19

Lp trnh ng dng mng

Trang select.php ly hnh nh biu tng ca bi vit

Hnh 2.2.13 Trang select.php

Trang select2.php ly tiu v m t c bi vit tng ng vi nh

Hnh 2.2.14 Trang select2.php

Bi vit mi nht cho tng chuyn mc

Hnh 2.2.15 Bi vit mi trong chuyn mc

Mi chuyn mc c mt ForumID khc nhau, select bi vit theo chuyn mc, Order by
MaBV DESC, bi vit mi s c m bi vit (MaBV) ln hn bi vit c

i hc cng ngh thong tin

Page 20

Lp trnh ng dng mng

Hnh 2.2.15 Code bi vit mi trong chuyn mc

Hnh 2.2.15 Ni dung trang news.php

i hc cng ngh thong tin

Page 21

Lp trnh ng dng mng

B. Trang thongtincongnghe.php
Hin th cc bi vit ca tng chuyn mc theo Forum_ID c a vo bi bin
$_GET[forum_id]

Hnh 2.2.15 Hin th bi vit theo chuyn mc

Vi mi bi vit, ly hnh biu tng, tiu , ngy gi v m t ca bi vit

Hnh 2.2.16 Select bi vit

i hc cng ngh thong tin

Page 22

Lp trnh ng dng mng

Hnh 2.2.16 Nt chc nng thm bi vit

Thnh vin thng ($_Session[permission] = = 1) v ngi khng ng nhp
(isset($_Session[permission])==false) s khng thy c button ny

Hnh 2.2.16 Code nt chc nng thm bi vit

C. Trang thembaiviet.php

Hnh 2.2.17 Trang thembaiviet.php

i hc cng ngh thong tin

Page 23

Lp trnh ng dng mng

Hnh 2.2.18 Code phn insert vo c s d liu ca trang thembaiviet.php

Phn textarea ni dung bi vit s dng tool h tr ckeditor

D. Trang baiviet.php
Tiu , ni dung bi vit, ngy gi, ngi gi

i hc cng ngh thong tin

Page 24

Lp trnh ng dng mng

Hnh 2.2.19 Ni dung bi vit

Hnh 2.2.19 Code ni dung bi vit

Nt chc nng xa, sa bi vit

i hc cng ngh thong tin

Page 25

Lp trnh ng dng mng

Hnh 2.2.19 Nt chc nng xa, sa

Thnh vin thng ($_Session[permission] = = 1) v ngi khng ng nhp
(isset($_Session[permission])==false) s khng thy c nhng button ny

Hnh 2.2.16 Code nt chc nng sa, xa bi vit

Nu cha ng nhp hoc ti khon user thng truy cp vo trang delete.php s b a
ra trang ch ngay lp tc

Hnh 2.2.17 Trang delete.php

Bi vit cng chuyn mc

i hc cng ngh thong tin

Page 26

Lp trnh ng dng mng

Hnh 2.2.18 Bi vit cng chuyn mc

Ly tiu ca nhng bi vit c cng ForumID

Hnh 2.2.19 Code bi vit cng chuyn mc

Bnh lun

Hnh 2.2.20 Cha ng nhp

Hnh 2.2.21 ng nhp

i hc cng ngh thong tin

Page 27

Lp trnh ng dng mng

Hnh 2.2.22 Code phn thm bnh lun

Cc bnh lun c ca bi vit
Ch ngi bnh lun v admin (permission == 2) mi c quyn xa bi vit

Hnh 2.2.23 Bnh lun

Hnh 2.2.24 Code bnh lun

i hc cng ngh thong tin

Page 28

Lp trnh ng dng mng

Hnh 2.2.25 Ch ngi gi hoc admin mi c th xa comment

Nu khng phi admin, hoc ngi gi comment truy cp vo trang delete_comment.php
s b a v trang ch ngay lp tc

Hnh 2.2.26 Trang delete_comment.php

E. Trang profile.php

Hnh 2.2.27 Thng tin c nhn

Ch c ch ti khon hoc admin mi c quyn sa i avatar

i hc cng ngh thong tin

Page 29

Lp trnh ng dng mng

Hnh 2.2.28 Code thng tin c nhn

Cc bi vit v bnh lun ng

Hnh 2.2.29 Cc bi vit v bnh lun ng

Chn cc bi vit, comment c user == $_GET[username]

i hc cng ngh thong tin

Page 30

Lp trnh ng dng mng

Hnh 2.2.30 Code bi vit ng

Hnh 2.2.31 Code bnh lun ng

Chnh sa thng tin c nhn
Ch c ch ti khon hoc admin mi c quyn sa i thng tin c nhn

Hnh 2.2.32 Sa thng tin c nhn

i hc cng ngh thong tin

Page 31

Lp trnh ng dng mng

Hnh 2.2.33 Code sa thng tin c nhn

F. Trang search.php

Hnh 2.2.34 Kt qu tm kim

S dng hm strops kim tra chui cn tm c tn ti trong tiu ca bi vit no hay
khng

i hc cng ngh thong tin

Page 32

Lp trnh ng dng mng

Hnh 2.2.35 Code phn tim kim

G. Trang login.php

Hnh 2.2.36 Trang ng nhp

Checkbox ghi nh lu cookie vo my client, t ng ng nhp ln truy cp sau

i hc cng ngh thong tin

Page 33

Lp trnh ng dng mng

Hnh 2.2.37 Code kim tra ng nhp

Form ng nhp thit k bng jquery, hin ra khi click vo ch ng Nhp trn thanh
menu

Hnh 2.2.38 Form ng nhp

i hc cng ngh thong tin

Page 34

Lp trnh ng dng mng

Thit k sn form ng nhp, t gia trang web, s dng effect fadeout v fadein ca
jquery n, hin form ng nhp khi cn thit

Hnh 2.2.39 Code form ng nhp bng jquery

H. Trang dangky.php
Bt s kin blur kim tra d liu trong textfield c hp l hay khng

i hc cng ngh thong tin

Page 35

Lp trnh ng dng mng

Hnh 2.2.40 Bt s kin blur

Hnh 2.2.41 Code s kin blur

i hc cng ngh thong tin

Page 36

Lp trnh ng dng mng

KIM TH
Website chy tt trn trnh duyt Firefox, Chrome, IE 8+

i hc cng ngh thong tin

Page 37

Lp trnh ng dng mng

NHN XT CA GIO VIN

....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
....
i hc cng ngh thong tin

Page 38

Lp trnh ng dng mng

i hc cng ngh thong tin

Page 39