THỰC HÀNH LAB – TẠO MULTIPLE UPLOAD FILES & IMAGES ppt
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (717.9 KB, 15 trang )
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:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 1
LAB – TẠO MULTIPLE UPLOAD FILES & IMAGES
+ Trong bài LAB demo này chúng ta sẽ cho phép Upload nhiều tập của một bộ phim vào bộ phim hay
ta có thể upload nhiều hình ảnh của ca sĩ vào một Gallery nào đó.
Bước 1
: Thiết kế Database cho ví dụ này như sau:
Bước 2
: Tạo các trang quản lý LIST và FORM
+ Tạo các trang web sau trong thư mục admin: list_film.php, form_film.php, list_filmtap.php,
form_filmtap.php
+ Trong trang list_film.php: thực hiện lệnh Create Dynamic List Wizard để hiện ra các mẫu tin
trong bảng phim (Xin vui lòng xem lại các LAB cũ về cách dùng lệnh này)
+ Trong trang form_film.php: thực hiện lệnh Create Dynamic Form Wizard để có thể thêm, xóa,
sửa các phim trong bảng phim (Xin vui lòng xem lại các LAB cũ về cách dùng lệnh này)
+ Trong trang list_filmtap.php: thực hiện lệnh Create Dynamic List Wizard để hiện ra các mẫu tin
trong bảng phimtap (Xin vui lòng xem lại các LAB cũ về cách dùng lệnh này)
+ Trong trang form_filmtap.php: thực hiện lệnh Create Dynamic Form Wizard để có thể thêm, xóa,
sửa các phim trong bảng phimtap (Xin vui lòng xem lại các LAB cũ về cách dùng lệnh này)
Bước 3
: Chuyển các trang quản lý này sang dạng MASTER/DETAIL LIST & FORM
+ Mở trang list_film.php thực hiện lệnh Convert to Dynamic Master 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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 2
+ Hãy cấu hình Master List như sau:
+ Click nút OK
+ File -> Save -> F12
+ 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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 3
+ Mở trang list_filmtap.php lên thực hiện lệnh Convert to Dynamic Detail List
+ Cấu hình lệnh này 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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 4
+ Click nút OK
+ File -> Save.
+ Mở trang list_film.php lên, F12
+ Thử click vào nút Details của Phim Dieu Ky Dieu Cua Tinh Yeu
+ Chúng ta sẽ tới được trang lis_filmtap.php mà nó chứa các tập phim của phim 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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 5
+ Hiện tại Phim này chưa có chứa tập phim nào cả. Chút nữa ta sẽ Upload nhiều tập phim cho phim
này sau.
+ Mở tiếp trang form_filmtap.php thực hiện lệnh Convert to Dynamic Detail Form
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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 6
+ Cấu hình các thông số cho lệnh này như sau:
+ Click nút OK
+ File -> Save
+ Mở trang list_film.php, click thử Phim Trai Tao Hoang Kim
+ Kết quả sẽ tới trang list_filmtap.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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 7
+ Trong Phim này đã Upload được 2 bộ
+ Bạn có thể click nút Edit để cập nhật lại địa chỉ của tập phim này nếu thích hay có thể Add thêm
vào một một nào đó
Bước 4
: Thực hiện Lệnh Upload nhiều tập tin hay hình ảnh
+ Mở trang list_filmtap.php thực hiện lệnh Multiple Image Upload with Save to Database Wizard
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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 8
+ Trong Step 1 cấu hình các thông số như sau:
+ Click nút Next
+ Trong Step 2 cấu hình các thông 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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 9
+ Click nút sấm chớp , chọn ID_phim , click nút OK
+ Click nút Next
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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 10
+ Trong Step 3 hãy chỉ định dung lượng Upload tối đa và các kiểu tập tin cho phép Upload
+ Click nút Next
+ Trong Step 4 chọn ID_phim, click nút Sấm chớp
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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 11
+ Chọn các thông số như hình minh họa
+ Click nút OK
+ Hãy nhập giá trị mặc định cho ngaycapnhat
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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 12
+ Click nút Finish
+ Bạn sẽ thấy giao diện như sau:
+ File->Save
+ Mở trang list_film.php -> F12
+ Click vào Details của phim Dieu Ky Dieu Cua Tinh Yeu
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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 13
+ Click tiếp vào nút Upload để Upload các tập phim cho bộ Phim này
+ Hãy chọn các tập phim mà bạn cần Upload (ở đây tôi minh họa upload file PDF)
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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 14
+ Click nút Open
+ Bạn sẽ thấy tiến trình Upload file diễn ra
+ Và kết quả là các tập phim đã được Upload vào Database
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 – (84.8) 2649179
Email:
Website: www.vietchuyen.org
– www.ddcntt.vn
Lớp: Chuyên Viên Website Lành Nghề Trang 15
+ Hãy vào kiểm tra thử trong thư mục uploadfilm trên máy chủ webserver bạn sẽ thấy các tập tin
phim được upload vào đúng thư mục bằng mã số của phim đó
VIỆT CHUYÊN
