Bạn đang xem: Làm trang chi tiết sản phẩm bằng php
- kế tiếp bạn truy vấn lại vào trang xuất thành phầm rồi bấm chuột các sảnphẩm đang nhận được kết quả tương từ bỏ sau (ở đây mình sẽ truy vấn vào"Menu 3" và chọn "Sản phẩm 20") :
- Đoạn code bên trên sẽ tìm tới dòng dữ liệu trong bảng "san_pham" mà bao gồm cột "id" bằng với biến đổi "id trên url" thông qua lệnh where(biến id được lấy bằng "$_GET" , cách viết "$_GET" là phương pháp viết để lấybiến trên url web).Dòng dữ liệu được trả về biến hóa "tv_2" , sau đó thìxuất (echo) các cột "ten","gia","hinh_anh","noi_dung" ra phía bên ngoài trangweb - các bạn sửa đoạn code trên thành như sau (cũng sinh hoạt trong file "chi_tiet_san_pham.php" ) :
$id=$_GET<"id">; $tv="select * from san_pham whereid="$id""; $tv_1=mysql_query($tv); $tv_2=mysql_fetch_array($tv_1);$link_anh="hinh_anh/san_pham/".$tv_2<"hinh_anh">; echo "
"; echo "![]() | "; echo ""; echo ""; echo $tv_2<"ten">; echo ""; echo ""; echo ""; echo $tv_2<"gia">; echo " | "; echo"
"; echo ""; echo ""; echo $tv_2<"noi_dung">; echo " | "; echo"
Xem thêm: Bình Luận Interlaced Là Gì ? Tính Ứng Dụng Của Interlace Trong Photoshop

+ Đoạn code bắt đầu sẽ thêm một bảng "table" vào.Bảng này còn có 2 mẫu "tr" ,dòng "tr" trang bị 1 có 2 ô "td" (1 ô chứa ảnh , 1 ô xuất tên , giá bán sản phẩmra) , loại "tr" thứ 2 xuất nội dung sản phẩm ra (ô td trong mẫu này sẽgộp 2 ô lại(colspan="2") vị dòng bên trên có 2 ô) + Liên kết hình ảnh được gán vào trở nên "link_anh".Thư mục chứa ảnh là"hinh_anh/san_pham".Khi xuất ảnh ra thì dùng thẻ "img" cùng với thuộctính "href"
- Đoạn code này có chức năng xóa vệt gạch bên dưới của thẻ "a" vào web(mặc định thẻ "a" sẽ có gạch dưới ).Sau đó các bạn tải lại web sẽ thấy mấtdấu gạch bên dưới liên kết ở vị trí tên thành phầm (trong trang chi tiết sảnphẩm)- như vậy trang chi tiết sản phẩm đơn giản xem như xong xuôi - Code của tập tin "giao_dien.css" sau khi thêm code vẫn như sau :
a text-decoration: none;div.menu_ngang a color:blue; margin-left: 10px; margin-right: 10px; text-decoration: none; font-size:20px;div.menu_ngang a:hover color:reddiv.menu_doc a color:blue; text-decoration: none; display:block;div.menu_doc a:hover color:reddiv.phan_trang a font-size:36px; margin-left:5px; margin-right:5px; text-decoration: none; color:blue;div.phan_trang a:hover color:red
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Đóng góp - Mình tất cả đăng bài viết hướng dẫn có tác dụng web bán hàng tại trên đây : http://darkedeneurope.com/2016/06/huong-dan-lam-web-ban-hang-bang-code.html chúng ta nào thấy nội dung bài viết trên bổ ích thì hoàn toàn có thể đóng góp 1 khoản tiền cho mình , xem chi tiết tại đây : http://darkedeneurope.com/2017/08/ong-gop-tinh-nguyen.html ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------