Hướng dẫn thực hành Ứng dụng dữ liệu web

Bài 5: Thiết kế trang hiển thị thông tin sữa có phân trang như sau:

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

- Xử lý:

o Sử dụng class pager để thực hiện việc phân trang, trong đó:

Có thể bạn quan tâm!

 Mỗi trang gồm có 5 dòng dữ liệu

 Xuất thông tin dạng lưới có định dạng như hình trên (dòng chẵn và dòng lẻ có màu nền, màu chữ khác nhau, giá sữa định dạng theo kiểu tiền tệ.

 Hiển thị danh sách trang theo dạng số

Hướng dẫn giải:

- Xử lý:

o Xác định số dòng trên một trang: $limit = <số dòng>

o Xác định vị trí bắt đầu của trang:

$start = $p - >findStart($limit);

o Thực hiện câu lệnh truy vấn để lấy số mẩu tin của bảng sữa và gán cho biến $count

o Đếm tổng số trang: $pages = $p ->findPages($count, $limit);

o Thực hiện câu lệnh truy vấn để lấy các mẩu tin: “select … limit

$start, $limit”

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

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

 { kiểm tra nếu $stt %2 == 0 => xuất 1 dòng có mầu nền khác, ngược lại thì xuất 1 dòng không có màu nền

 Lấy và xuất từng mẩu tin vào từng dòng trong table như yêu cầu

 Tăng $stt

}

o Xuất danh sách trang:

 $pagelist = $p -> pageList($_GET[‘page’], $pages);

BUỔI THỰC HÀNH SỐ 9

Bài 6: Thiết kế trang hiển thị thông tin các sản phẩm sữa định dạng list như sau:

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

- 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 sữa hiển thị trên một dòng có hai cột: cột hình ảnh và cột nội dung (có tên sữa, hãng sản xuất, loại sữa, trọng lượng, đơn giá)

Hướng dẫn giải:

- In một table với dòng đầu là dòng tiêu đề

- Duyệt các mẩu tin trong bảng SUA

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

{

 Đối với mỗi mẩu tin được duyệt, xuất ra một dòng, trong đó có 2 cột, cột thứ nhất được canh giữa, dùng để hiển thị hình sữa lấy nguồn từ cột hình trong CSDL, cột thứ hai hiển thị các thông tin về sữa, và tên sữa phải được in đậm.

}

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:

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

- 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

}

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.

Hướng dẫn giải:

- 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

Bài 9: Tạo trang hiển thị thông tin chi tiết các sản phẩm sữa có phân trang:

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

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

o Gọi sử dụng class pager cho sẵn để phân trang (hai sản phẩm một trang).

Hướng dẫn giải:

- Xác định số dòng trên một trang: $limit = <số dòng>

- Xác định vị trí bắt đầu của trang:

$start = $p -> findStart($limit);

- Thực hiện câu lệnh truy vấn để lấy được số mẩu tin của bảng sữa và gán cho biến $count

- Đếm tổng số trang: $pager = $p -> findPages($count, $limit);

- Thực hiện câu lệnh truy vấn để lấy các mẩu tin trong bảng sữa: “select … limit $start, $limit” và gán cho biến $result

- Duyệt các mẩu tin:

while ($row = mysql_fetch_row($result))

{

o Với mỗi mẩu tin được duyệt xuất ra một table có hai 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)

}

- Xuất danh sách trang:

$pagelist = $p -> pageList($_GET[‘page’], $pages);