Bài thực hành – Thiết kế web – Hoàn thành các bài thực hành trước – Nắm bắt các kiến thức cơ bản về PHP và MySQL Các bước thực hành: I.. Tạo và cài ñặt CSDL: - Khởi ñộng WampServer - Từ
Trang 1Bài thực hành – Thiết kế web
– Hoàn thành các bài thực hành trước
– Nắm bắt các kiến thức cơ bản về PHP và MySQL
Các bước thực hành:
I Tạo và cài ñặt CSDL:
- Khởi ñộng WampServer
- Từ cửa sổ khi bấm chuột vào biểu tượng của WampServer, chon PhpMyAdmin
- Trang web PhpAdmin hiện ra có dạng (chú ý nếu không hiện ra có thể do port không ñúng, theo bài trước phải ñánh port số 81 thêm vào):
Trang 2Bài thực hành – Thiết kế web
- Trong mục Create new database của trang PhpAdmin tao CSDL mang tên ebookDB với utf8_unicode_ci và bấm nút Create:
- Sau khi tạo CSDL ta vào mục Import và chọn file bookstoreDB.sql ñể import CSDL ñã tạo vào trong ebookDB
- Bấm vào nút Go Nếu import thành công ta sẽ thấy bên trái của trang PhpAdmin
có danh sách 4 bảng của CSDL như dạng sau:
Trang 3Bài thực hành – Thiết kế web
GVHD TS Vũ ðức Lung
- ðể kiểm tra, bấm vào bất kỳ bảng nào rồi bấm vào SQL, sau ñó GO sẽ hiện ra dữ liệu của bảng ñó
II Tạo kết nối ñến CSDL :
Do ña số các trang web ñều kết nối ñến CSDL, do ñó ta sẽ ñóng gói việc kết nối với CSDL trong 1 class riêng ñể dễ dàng hơn trong việc sử dụng
Tạo file DataProvider.php Lưu DataProvider.php trong thư mục C:\wamp\www\
Khai báo class DataProvider trong DataProvider.php:
// Thiet lap font Unicode
if (!(mysql_query("set names 'utf8'")))
showError();
// Thuc thi cau truy van
if (!($result = mysql_query($sql, $connection)))
showError();
// Dong ket noi CSDL
if (!(mysql_close($connection)))
showError();
Trang 4Bài thực hành – Thiết kế web
return $result;
} }
Trong ñó file db.inc có:
Trang 5Bài thực hành – Thiết kế web
GVHD TS Vũ ðức Lung
DangNhap.php
Giao diện:
Code:
Trang 6Bài thực hành – Thiết kế web
Trang 7Bài thực hành – Thiết kế web
GVHD TS Vũ ðức Lung
Trang 8Bài thực hành – Thiết kế web
TimKiem.php
Giao diện:
Code:
Trang 9Bài thực hành – Thiết kế web
GVHD TS Vũ ðức Lung
Trang 10Bài thực hành – Thiết kế web
Trang 11Bài thực hành – Thiết kế web
GVHD TS Vũ ðức Lung
Trang 12Bài thực hành – Thiết kế web
Trang 13Bài thực hành – Thiết kế web
GVHD TS Vũ ðức Lung
Trang 14Bài thực hành – Thiết kế web
Trang 15Bài thực hành – Thiết kế web
GVHD TS Vũ ðức Lung
Trang 16Bài thực hành – Thiết kế web
Trang 17Bài thực hành – Thiết kế web
GVHD TS Vũ ðức Lung
Trang 18Bài thực hành – Thiết kế web
Trang 19Bài thực hành – Thiết kế web
GVHD TS Vũ ðức Lung
Trang 20Bài thực hành – Thiết kế web
Trang 21Bài thực hành – Thiết kế web
GVHD TS Vũ ðức Lung
Trang 22Bài thực hành – Thiết kế web
Trang 23Bài thực hành – Thiết kế web
Thiết kế webform có dạng sau:
Sau khi nhập họ và tên vào và bấm Submit thì cho kết quả ngay tại trang ñó:
Code mẫu file "names.php":
<INPUT TYPE="SUBMIT" VALUE="Submit">
Trang 24Bài thực hành – Thiết kế web
+ Nếu nhập ñúng thì trả về kết quả là : "Chào mừng, admin ñến với website"
+ Ngược lại nếu sai sẽ trả về thông tin "Cảnh báo : Username hoặc password của bạn không chính xác Vui lòng nhập lại"
Mẫu trích dẫn từ file nhập liệu login.php:
<form method="POST" action="check.php">
<div align="left"><p><font face="tahoma">UserName</font>
<input type="text" name="username" size="14">
<br>
<div align="left"><p><font face="tahoma">Password</font>
<input type="password" name="pw" size="14"><BR><BR><input type="submit"