BÀI GIẢNG LAB-DYNAMIC-DROP-DOWN-SEARCH doc

Trung Tâm ào T o Công Ngh M ng VI T CHUYÊN 740/12 S V n H nh n i dài, P12, Q10, TP.HCM Tel: 84.8 862 7509 – 84.8 2649179 Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.d

Trang 1

LAB - DYNAMIC DROPDOWN SEARCH

B c 1: Thi t k giao di n cho trang form_search.php

+ Trong trang form_search.php b n hãy chèn thêm m t List/Menu vào n a t Tab Form

+ Click nút List/Menu trên Tab Form -> click OK

+ Hãy đ t tên cho List/menu này là key3

VI

YÊN

Trang 2

Trung Tâm ào T o Công Ngh M ng VI T CHUYÊN

740/12 S V n H nh (n i dài), P12, Q10, TP.HCM Tel: (84.8) 862 7509 – (84.8) 2649179

Email: traning@vietchuyen.org Website: www.vietchuyen.org – www.ddcntt.vn

+ Vào Tab Binding -> click nút + -> ch n Recordset (Query)

+ C u hình các thông s cho Recordset nh sau

Trang 4

+ Ch n Tab Dynamic c u hình nh sau

Trang 5

+ File -> Save -> F12

+ K t qu giao di n c a b n s nh sau

B c 2: Thi t k trang hi n k t qu tìm ki m

+ M trang search_result.php thi t k giao di n xu t d li u nh sau

+ Trong Panel Application -> ch n Tab Binding -> click nút + -> Recordset

Trang 6

Trang 7

+ Hãy đ t đi u ki n l c theo ID_theloai và tieudetin nh sau

VI

YÊN

Trang 8

+ B n có th s p x p các tin t c xu t ra theo ngaydangtin gi m d n

VI

YÊN

Trang 10

+ S a l i các bi n KTColParam1 & KTColParam2 cho đúng v i các giá tr m c đ nh mà b n đã c u hình trong QuB

VI

YÊN

Trang 11

YÊN

Trang 12

+ có th tìm theo đ c trichdantin n a thì chúng ta s a câu l nh SQL l i nh sau

SELECT tintuc.ID_tintuc, tintuc.tieudetin, tintuc.hinhtrichdan, tintuc.trichdantin, theloai.ID_theloai, theloai.tentheloai, tintuc.sapxep, tintuc.kiemduyet, tintuc.cotinnong, tintuc.ngaydangtin, tintuc.solandoc FROM (tintuc LEFT JOIN theloai ON theloai.ID_theloai=tintuc.ID_theloai)

WHERE tintuc.tieudetin LIKE %KTColParam1% AND theloai.ID_theloai=KTColParam2

ORDER BY tintuc.ngaydangtin DESC

S a thành

SELECT tintuc.ID_tintuc, tintuc.tieudetin, tintuc.hinhtrichdan, tintuc.trichdantin, theloai.ID_theloai, theloai.tentheloai, tintuc.sapxep, tintuc.kiemduyet, tintuc.cotinnong, tintuc.ngaydangtin, tintuc.solandoc FROM (tintuc LEFT JOIN theloai ON theloai.ID_theloai=tintuc.ID_theloai)

WHERE (tintuc.tieudetin LIKE %KTColParam1% OR tintuc.trichdantin LIKE %KTColParam1%)

Trang 14

+ Hãy chèn thêm hinhtrichdan vào tr c trichdantin b ng l nh Show Thumnail

VI

YÊN

Trang 16

+ K t qu s nh sau VI

YÊN

Trang 18

VI

YÊN

Trang 19

+ File -> Save

Chú ý: Trong trang index.php b n ph i t o ra m t mod timkiem và ch đ ng d n t i trang

search_result.php này đ n i dung c a trang này hi n ra trong trang ch

VI

YÊN

Trang 20

+ Trong trang ch b n c ng hãy dùng l nh Server Side Includes đ chèn trang form_search.php

vào m t v trí nào đó trong trang ch index.php

Trang 21

+ Hãy m trang ch index.php và nh p vào t khóa Ronaldo t i h p Textbox key1 và ch n th lo i tin c p 1 (ví d Th thao) t i key2, t i key3 t m th i chúng ta ch n Tìm t t c

Trang 22

+ Ch n dòng đang ch a t Không tìm th y k t qu nào, th c hi n l nh sau

VI

YÊN

Trang 24

+ Ch n Recordset, click OK

+ Chúng ta th y ch ng trình th c hi n l nh Show If bao quanh luôn c Table (nh v y là không

đ c vì ta ch mu n Show If trên 3 dòng này thôi)

+ Hãy chuy n qua ch đ Code, di chuy n dòng l nh Show If Recordset not Empty xu ng tr c

Trang 25

+ Sau đó di chuy n dòng bên d i lên sau dòng đang ch a ch Chi ti t

VI

YÊN

Trang 26

+ Bây gi hãy chuy n qua ch đ Design b n th y l nh Show If này đã bao quanh 3 dòng mà h i

n y b n đã đánh d u tr c khi th c hi n l nh Show If Recordset is not Empty

Chú ý: B n nên th c hi n l nh Show if Recordset is Not Empty sau đó hãy th c hi n l nh Repeat Region sau

VI

YÊN

Trang 27

+ Ch n dòng đang ch a tentheloai, th c hi n l nh Show If Recordset is Not Empty

VI

YÊN

Trang 28

+ Ch n Recordset, click OK

+ File -> Save

+ M trang index.php, nh p vào t c n tìm ki m, n u không có thì giao di n s nh sau

+ Hãy t o 2 dòng tr ng bên d i l nh Show If Recordset is Empty (b n nên g l nh này ra, t o 2 dòng m i r i g n l i l nh Show If Recordset is Empty)

+ t con tr trong dòng sau ch Không tìm th y k t qu nào, th c hi n l nh sau

VI

YÊN

Trang 30

+ Nh p các thông s cho l nh Pages List Limited nh sau

Trang 31

+ Nh p các thông s cho l nh nh sau

Trang 32

Trang 33

+ Hãy s a Recordset Navigation Status thành ti ng vi t cho d nhìn đ có đ c giao di n nh sau

VI

YÊN

Trang 34

+ Ch n 2 dòng đang ch a l nh Recordset Navigation Status và các l nh phân trang, th c hi n l nh

Trang 35

+ Hãy m trang index.php, nh p vào t c n tìm ki m c 2 tr ng h p tìm có k t qu & không có

k t qu th xem

+ ây là giao di n chung khi chúng ta tìm không th y d li u

+ Còn đây là giao di n khi chúng ta tìm th y d li u

VI

YÊN

Trang 36

+ B n đ ng đ ý ph n Table bên d i vì chúng ta ch a x lý cho ph n này

+ B c k ti p là chúng ta s t o m t Recordset dùng đ l c d li u khi ng i dùng có ch n tìm

ki m theo v a key2 và key3 N u ng i dùng có ch n key3 t c tìm theo th l ai tin t c con thì chúng

ta ph i l c ra cho đ c các tin t c thu c th l ai con này (ví d nh trong Th thao có th l ai tin con

là Bóng đá thì ta l c ra các tin con thu c th l ai Bóng đá)

Trang 37

+ Hãy click nút QuB đ chuy n sang ch đ Query Builder

Trang 38

+ Ch n 3 b ng: tintuc, theloai, theloaitin và t o quan h cho 3 b ng nh hình v

+ Tr c tiên là ta t o đi u ki n đ l c ra các tin t c thu c th l ai tin c p 1 (ví d l c ra các tin t c thu c Th thao)

VI

YÊN

Trang 39

+ Sau đó ta t o đi u ki n l c sao cho trong th l ai tin c p 1 này ta l c ra ti p các tin thu c th l ai

con c a nó (ví d trong Th thao chúng ta l c ra ti p các tin thu c Bóng đá ch ng h n)

+ Sau đó chúng ta s l c g n đúng theo tieudetin

VI

YÊN

Trang 40

+ Hãy s p x p theo ngaydangtin gi m d n

+ Click nút Save Query

VI

YÊN

Trang 42

+ Ch n KTColParam1 , click nút Edit ch nh l i giá tr m c đ nh cho nó

VI

YÊN

Trang 43

VI

YÊN

Trang 44

+ Hãy s a l nh trong SQL l i đ ng i dùng có th tìm đ c c trong trichdantin

+ Tham kh o đ an Code này

SELECT theloai.ID_theloai, theloai.tentheloai, theloaitin.ID_theloaitin, theloaitin.tentheloaitin,

tintuc.ID_tintuc, tintuc.tieudetin, tintuc.hinhtrichdan, tintuc.trichdantin, tintuc.solandoc,

tintuc.ngaydangtin, tintuc.cotinnong, tintuc.kiemduyet, tintuc.sapxep

FROM ((tintuc LEFT JOIN theloaitin ON theloaitin.ID_theloaitin=tintuc.ID_theloaitin) LEFT JOIN theloai ON theloai.ID_theloai=tintuc.ID_theloai)

WHERE theloai.ID_theloai=KTColParam1 AND theloaitin.ID_theloaitin=KTColParam2 AND

tintuc.tieudetin LIKE %KTColParam3%

+ S a thành

SELECT theloai.ID_theloai, theloai.tentheloai, theloaitin.ID_theloaitin, theloaitin.tentheloaitin,

tintuc.ID_tintuc, tintuc.tieudetin, tintuc.hinhtrichdan, tintuc.trichdantin, tintuc.solandoc,

tintuc.ngaydangtin, tintuc.cotinnong, tintuc.kiemduyet, tintuc.sapxep

FROM ((tintuc LEFT JOIN theloaitin ON theloaitin.ID_theloaitin=tintuc.ID_theloaitin) LEFT JOIN theloai ON theloai.ID_theloai=tintuc.ID_theloai)

WHERE theloai.ID_theloai=KTColParam1 AND theloaitin.ID_theloaitin=KTColParam2 AND

(tintuc.tieudetin LIKE %KTColParam3% OR tintuc.trichdantin LIKE %KTColParam3%)

VI

YÊN

Trang 45

+ Hãy đ a d li u t Recordset rs_timkiemtheloatin ra b ng bên d i đ có đ c nh sau

+ chèn hình thì b n dùng l nh Show Thumbnail v i c u hình nh sau

VI

YÊN

Trang 46

+ Ch n dòng đang ch a ch ang c p nh t g i l nh sau

VI

YÊN

Trang 47

+ Nh ch n đúng Recordet (vì b n đang làm vi c trên Recordset này)

Trang 48

Trang 49

+ V n còn đang ch n 3 dòng, th c hi n ti p l nh Repeat Region nh sau

+ Nh ch n đúng Recordset

B n có nh n xét là N u ta th c hi n l nh Show If tr c và sau đó th c hi n l nh Repeat Region sau

thì không b l i và không c n ph i s a l i Code nh trong lúc b n làm Table đ u ph i không ? + T ng t hãy dùng l nh Show If Recordset is not Empty đ d u theloaitin và tentheloaitin nh

hình sau

+ Hãy t o thêm 2 dòng tr ng bên d i Không tìm th y k t qu nào (b n nên g l nh Show If

Recordset is Empty ra sau đó chèn 2 dòng m i này r i g n l i l nh Show If Recordset is Empty)

+ T ng t th c hi n l nh Recordset Navigation Status cho dòng k cu i (nh ch n đúng

Trang 50

+ t con tr trong dòng cu i, th c hi n các l nh Page List Limited, Next X Page và Previous X Page đ phân trang Recordset nh lúc làm trong b ng phía trên (tham kh o l i ví d ohía trên –

nh ng nh trong lúc th c hi n ph i ch n đúng Recordset)

Chú ý: Nh th c hi n xong l nh nào là ph i F12 đ ki m tra ch y có b l i không (n u b l i là

do b n làm sai đó nhé), th c hi n xong l nh này r i m i làm ti p l nh khác

VI

YÊN

Trang 51

+ T ng t chúng ta c ng ch n 2 dòng cu i đ d u nó đi n u Recordset không có d li u

+ Nh ch n đúng Recordset (chú ý trong bài này b n có t i 2 Recordset do đó ph i ch n cho đúng là mình đang làm trên Recordset nào đó nhé)

Trang 52

+ B c k ti p chúng ta ph i x lý là làm sao trong m t th i đi m ch hi n ra m t b ng k t

qu tìm ki m mà thôi Chúng ta nh n th y r ng b ng phía d i ch hi n ra khi key3 là khác Tìm

Trang 54

B n hãy nh l i lúc b n thêm giá tr m c đ nh cho List/Menu key3 nh sau

+ Giá tr All là giá tr m c đ nh c a List/Menu key3

+ $_GET[‘key3’]!=”All” có ngh a là l y giá tr c a khi ng i dùng ch n key3 (n u khác All có ngh a

là ng i dùng s tìm ki m trong m t th l ai tin con nào đó – ví d trong Th Thao nh ng mà ch tìm trong th l ai Ngôi sao sân c ) còn b ng All là ng i dùng tìm trong c th l ai tin chính (c p 1) ví

Trang 56

Trang 58

+ Trong trang search_result.php b n c ng hãy t o Link cho tieudetin, hinhtrichdan, Chi ti t gi ng

nh trong ph n làm link trong các trang newscategory.php và newssubcategory.php

+ Ch n tieudetin hay Chi ti t hay hinhtrichdan, trong h p Link click nút Browse for File , ch n link

t i trang index.php, click nút Parameters đ truy n thêm các tham s sau:

VI

YÊN

Định dạng
Số trang	59
Dung lượng	2,7 MB