Bài 7: Tạo trang hiển thị thông tin các sản phẩm sữa dạng cột như sau:

Một phần của tài liệu Giáo trình hướng dẫn thực hành ứng dụng dữ liệu web (Trang 93 - 95)

- Xử lý:

o Thiết kế và hiển thị thông tin các sản phẩm sữa như hình trên, trong đó:

▪ Mỗi dòng có năm cột, trong mỗi cột có một table hiển thị thông tin sữa (tên sữa, trọng lượng, đơn giá) và hình ảnh

Hướng dẫn giải:

- Xuất dòng tiêu đề của table theo định dạng

Đặt $stt = 0; // biến đếm, sẽ tăng theo số mẩu tin

- While ($row = mysql_fetch_row($result))

{

▪ Kiểm tra nếu $stt % 5 == 0 -> xuất tag bắt đầu dòng mới ▪ Lấy và xuất từng mẩu tin vào từng cột trong 1 dòng của

table: Trong mỗi cột, xuất ra một table có ba dòng, dòng đầu là tên sữa (in đậm), dòng thứ hai là trọng lượng và đơn giá được định dạng bằng hàm number_format(…), và dòng thứ ba là hình ảnh có nguồn được lấy từ cột hình trong CSDL ▪ Tăng $stt

▪ Kiểm tra nếu $stt % 5 == 0 -> xuất tag kết thúc dòng }

(94)

Bài 8: Tạo trang hiển thị thông tin các sản phẩm sữa có link dạng cột như

sau:

- Tạo trang hiển thị thông tin chi tiết sản phẩm

Phân tích yêu cầu:

- Xử lý:

o Trang sữa dạng cột có link: Thiết kế và hiển thị thông tin các sản phẩm sữa như hình trên, trong đó:

▪ Mỗi dòng có năm cột, trong mỗi cột có một table và hiển thị

thông tin sữa và hình ảnh tương ứng

▪ Ở mỗi tên sữa, tạo một link qua trang chi tiết sữa và truyền vào mã sữa.

o Trang chi tiết sữa/ Hiển thị chi tiết sản phẩm sữa như định dạng

hình trên tương ứng với mã sữa lấy được từ trang sữa dạng cột có link truyền qua.

(95) - Trang lưới dạng cột có link:

…..

while ($row = mysql_fetch_row($result)) {

▪ ….

▪ Ở phần tên sữa: tạo link như sau: <a href = ‘list_chi_tiet_sp.php?mas =”.$mas.”

’><b>$ten_sua</b></a> ▪ …..

}

- Trang chi tiết sữa:

o Lấy mã sữa: $mas = $_REQUEST[“mas”];

o Lấy thông tin chi tiết của sữa có mã sữa đã lấy ở trên

o Xuất thông tin thoả điều kiện theo định dạng được yêu cầu: while ($row = mysql_fetch_row($result))

{

▪ Xuất ra một table có ba dòng, dòng đầu là tên sữa (in đậm, canh giữa), dòng thứ hai có hai cột, cột đầu là hình ảnh có nguồn gốc được lấy từ cột hình trong CSDL, cột thứ hai là các thông tin còn lại của sữa (có dùng number_format(…) để định dạng giá tiền)

}

o Tạo link quay về trang lưới dạng cột có link

Một phần của tài liệu Giáo trình hướng dẫn thực hành ứng dụng dữ liệu web (Trang 93 - 95)