thực hành lab - tạo phần quản lý bằng server side includes from list

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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 1
Biên soạn: Nguyễn Phát Tài
LAB - TẠO PHẦN QUẢN LÝ BẰNG
SERVER SIDE INCLUDES FROM LIST
+ Mở trang admin_menu.php lên, ví dụ thiết kế như sau:

+ Chọn mục QL Thể loại tin, trong hộp Link đặt địa chỉ Link như sau: admin_cp.php?act=QLTLT,
tương tự chọn mục Quản lý tin tức, trong hộp Link đặt địa chỉ Link như sau:
admin_cp.php?act=QLTT
Chú ý
: ở đây act (action) chính là mod (module).
+ Tương tự hãy tạo act cho tất cả các mục quản lý còn lại khác trên menu ví dụ như act=QLPLT,
act=QLTV, act=QLNN, act=QLQQ, act=QLLU vv…
+ Mở trang admin_cp.php ví dụ thiết kế giao diện như sau:



+ Đặt con trỏ trong dòng thứ 2, gọi lệnh Server Side Includes để đưa nội dung của trang
admin_menu.php vào chỗ vị trí này.

VIỆT CHUYÊN
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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 2
Biên soạn: Nguyễn Phát Tài


+ Hãy chỉ đường dẫn tới trang admin_menu.php



+ Click nút OK
+ Kết quả là trang admin_menu.php đã được đưa vào trang admin_cp.php tại vị trí mà bạn muốn.

VIỆT CHUYÊN
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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 3
Biên soạn: Nguyễn Phát Tài

+ Đặt con trỏ trong dòng số 3 sau phần menu, thực hiện lệnh Server Side Includes From List



VIỆT CHUYÊN
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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 4
Biên soạn: Nguyễn Phát Tài
+ Trong cửa sổ Server Side Includes From List , click nút + tạo các act Link tới các trang web cần
quản lý như sau:



+ Bạn có thể chọn Tab Parameter để đổi mod khác ví dụ như act thành mod (nhưng sau này khi
truyền mod bạn phải sử dụng là mod thay vi là act)



+ Click nút OK
+ Kết quả giao diện sẽ như sau:

VIỆT CHUYÊN
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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 5
Biên soạn: Nguyễn Phát Tài


+ File -> Save -> F12 kết quả sẽ như sau:



+ Nếu bạn muốn load một trang web mặc định nào vào dòng trống này thì hãy mở lệnh Server Side
Includes From List lên lại, sau đó click nút + và Browse tới trang cần hiện mặc định nội dung khi
chạy trang admin_cp.php



VIỆT CHUYÊN
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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 6
Biên soạn: Nguyễn Phát Tài
+ Chú ý: trang mặc định admin_default.php này phải luôn nằm ở dòng đầu, và không có mod hay
act nào cả.
+ Click nút OK
+ File -> Save -> F12
+ Kết quả bây giờ bạn sẽ thấy nội dung của trang mặc định



+ Bây giờ thử click vào mục QL Thể loại tin xem nội dung của trang list_newscategory.php có load
vào thay thế nội dung của trang admin_default.php hay không ?
+ Kết quả sẽ như sau:

VIỆT CHUYÊN
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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 7
Biên soạn: Nguyễn Phát Tài


+ Tiếp tục click mục QL tin tức để xem nội dung của trang list_news.php có thay thế nội dung của
trang đang hiện ra hay không ?

VIỆT CHUYÊN
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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 8
Biên soạn: Nguyễn Phát Tài
+ Bây giờ bạn hãy thử click vào nút Edit để thử chỉnh sửa một thể loại tin nào đó bạn sẽ thấy kết quả
như sau:



+ Để trang này thay thế được nội dung của trang đang hiện ra thì trong trang list_newscategory.php
hãy vào Server Behaviors mở lệnh



+ Chọn Tab Advance, hiện tại trang Detail Page là trang form_newscategory.php.
+ Thay vì Link tới trang này khi click nút Edit thì bạn hãy cho link tới trang admin_cp.php và truyền
thêm một mod tên gì đó ví dụ admin_cp.php?act=QLTLT_FORM
+ Bây giờ trong trang admin_cp.php bạn cũng phải mở lệnh Server Side Includes From List lên và
click nút + để thêm mod act là QLTLT_FORM Link tới trang form_newscategory.php


VIỆT CHUYÊN

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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 9
Biên soạn: Nguyễn Phát Tài




+ Click nút OK
+ File -> Save -> F12 để Preview trang admin_cp.php
+ Kết quả là trang form_newscategory.php đã thay thế được nội dung của trang đang hiện ra

VIỆT CHUYÊN
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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 10
Biên soạn: Nguyễn Phát Tài

+ Bây giờ bạn thử click nút Update,Delete, Cancel hay Insert thì bạn lại nhảy về trang
list_newscategory.php. Đúng ra là trang này phải thay thế nội dung của trang đang hiện ra nhưng
nó lại không thay thế được.
+ Để xử lý bạn hãy mở trang form_newscategory.php lên, vào Tab Server Behaviors chỉnh lại các
lệnh Insert Transaction, Update Transaction, Delete Transaction thay vì sau khi thêm, cập nhật
hay xóa là nhảy về trang list_newscategory.php thì bây giờ ta cho nhảy về trang admin_cp.php với
một mod act ví dụ tên là QLTLT_LIST (admin_cp.php?act=QLTLT_LIST) để trang
list_newscategory.php có thể hiện nội dung ở trang admin_cp.php



+ Trong phần After Inserting, go to hãy đặt lại đường dẫn như sau:


VIỆT CHUYÊN
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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 11
Biên soạn: Nguyễn Phát Tài


+ Click nút OK
+ Hãy mở các lệnh Update Transaction và Delete Transaction lên làm tương tự.

+ Sau đó hãy mở lệnh Server Side Includes From List trong trang admin_cp.php lên , click nút +
để tạo thêm mod act là QLTLT_LIST và chỉ đường dẫn tới trang list_newscategory.php



VIỆT CHUYÊN
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 – Fax: (84.8) 2649179
Email:

Website: www.vietchuyen.org
– www.ddcntt.vn

Lớp: Chuyên Viên Website Lành Nghề Trang 12
Biên soạn: Nguyễn Phát Tài
+ Click nút OK
+ File -> Save
+ Mở trang admin_cp.php click vào menu QL Thể loại tin kiểm tra lại thử kết quả mà bạn đã làm.
+ Kết quả là sau khi Update, Insert, hay Cancel thì bây giờ trang list_newscategory.php có thể
hiện ra được trong trang admin_cp.php



Bạn hãy áp dụng kỹ thuật này tương tự cho các mục quản lý còn lại như QL Tin tức, QL Thành viên
vv

VIỆT CHUYÊN