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

Chia sẻ: Lưu Trần Quang Trung | Ngày: | Loại File: PDF | Số trang:0

Thêm vào BST

Báo xấu

82
lượt xem 19
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

TÀI LIỆU THAM KHẢO - BÀI GIẢNG LAB-DYNAMIC-DROP-DOWN-SEARCH

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: BÀI GIẢNG LAB-DYNAMIC-DROP-DOWN-SEARCH

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 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 N YÊ + Click nút List/Menu trên Tab Form -> click OK U H C ỆT + Hãy đặt tên cho List/menu này là key3 VI Lớp: Chuyên Viên Website Lành Nghề Trang 1 Biên soạn: Nguyễn Phát Tài
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) N YÊ + Cấu hình các thông số cho Recordset như sau U H C ỆT VI + Click nút OK + Click nút OK + Hãy chọn List/Menu key3 Lớp: Chuyên Viên Website Lành Nghề Trang 2 Biên soạn: Nguyễn Phát Tài
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 + Thực hiện lệnh sau N YÊ U H C ỆT VI + Trong Tab Relation cấu hình như sau Lớp: Chuyên Viên Website Lành Nghề Trang 3 Biên soạn: Nguyễn Phát Tài
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 N YÊ + Chọn Tab Dynamic cấu hình như sau U H C ỆT VI + Click OK + Chuyển qua chế độ Code, thêm một thẻ Option vào để tạo một giá trị mặc định Tìm tất cả Lớp: Chuyên Viên Website Lành Nghề Trang 4 Biên soạn: Nguyễn Phát Tài
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 + 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 N + Mở trang search_result.php thiết kế giao diện xuất dữ liệu như sau YÊ U H C ỆT VI + Trong Panel Application -> chọn Tab Binding -> click nút + -> Recordset + Click nút QuB Lớp: Chuyên Viên Website Lành Nghề Trang 5 Biên soạn: Nguyễn Phát Tài
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 N YÊ U + Nhập các thông số như sau H C ỆT VI + Click nút OK + Hãy chọn các bảng tintuc, theloai và tạo quan hệ như hình minh họa Lớp: Chuyên Viên Website Lành Nghề Trang 6 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C ỆT + Hãy đặt điều kiện lọc theo ID_theloai và tieudetin như sau VI Lớp: Chuyên Viên Website Lành Nghề Trang 7 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C + Bạn có thể sắp xếp các tin tức xuất ra theo ngaydangtin giảm dần ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 8 Biên soạn: Nguyễn Phát Tài
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 + Click nút Save + Chọn menu Close N YÊ U H C + Click nút Refresh ỆT VI + Click nút Advance Lớp: Chuyên Viên Website Lành Nghề Trang 9 Biên soạn: Nguyễn Phát Tài
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 N YÊ U + 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 H C ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 10 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 11 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C + Để có thể tìm theo được trichdantin nữa thì chúng ta sửa câu lệnh SQL lại như sau ỆT 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 VI 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%) AND theloai.ID_theloai=KTColParam2 ORDER BY tintuc.ngaydangtin DESC Lớp: Chuyên Viên Website Lành Nghề Trang 12 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C ỆT + Click nút OK + Hãy đưa dữ liệu từ Recordset ra bảng phía trên như sau VI Lớp: Chuyên Viên Website Lành Nghề Trang 13 Biên soạn: Nguyễn Phát Tài
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 N YÊ U + Hãy chèn thêm hinhtrichdan vào trước trichdantin bằng lệnh Show Thumnail H C ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 14 Biên soạn: Nguyễn Phát Tài
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 + Cấu hình các thông số như sau N YÊ + Click nút OK U + Hãy định thuộc tính cho hình như hình vẽ H C ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 15 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C ỆT VI + Kết quả sẽ như sau Lớp: Chuyên Viên Website Lành Nghề Trang 16 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H + Chọn dòng 2,3,4 của Table 1, thực hiện lệnh lặp lại như sau C ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 17 Biên soạn: Nguyễn Phát Tài
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 N YÊ U H C ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 18 Biên soạn: Nguyễn Phát Tài
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 + 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ủ N YÊ U H C ỆT VI Lớp: Chuyên Viên Website Lành Nghề Trang 19 Biên soạn: Nguyễn Phát Tài
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 + 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 N YÊ U H C ỆT + Click nút OK + Bạn thấy giao diện phần tìm kiếm như sau VI Lớp: Chuyên Viên Website Lành Nghề Trang 20 Biên soạn: Nguyễn Phát Tài