Các ngôi sao sáng lên khi di chuột qua
Có một hướng dẫn tuyệt vời trên web để thiết kế hệ thống xếp hạng 5 sao: http://rog.ie/blog/css-star-rater
. Nó hoàn toàn là CSS nên không cần Javascrip.
Trang không phải được tải lại khi nhấp vào dấu sao (không thực sự cần thiết)
Ajax là bạn của bạn, điều tôi đã làm là để có <a class="one_star" href="javascript: submitRating(1, 5)"> ở đâu <a> đại diện cho một ngôi sao và submitRating() hàm đã sử dụng Ajax để truyền xếp hạng của tôi (1/5) tới máy chủ, máy chủ lưu trữ xếp hạng (và chỉ định người dùng đã xếp hạng) và tính toán lại xếp hạng trung bình mới và gửi lại kết quả ở định dạng JSON.
Một số loại trung bình được hiển thị bên cạnh các ngôi sao
Dễ dàng. Viết một tập lệnh SQL, dựa trên id sản phẩm, lấy sum của xếp hạng trung bình (tức là 1/5 + 2/5 + 4/5, v.v.), chia nó (tổng) cho tổng số xếp hạng và nhân nó với 100. Trả giá trị trở lại máy chủ và từ máy chủ trở lại khách hàng.
Xếp hạng phải được lưu trữ ở đâu đó trong cơ sở dữ liệu MySQL (Đây có phải là một ý tưởng hay?)
Tôi đang sử dụng MySQL cho việc này và nó hoạt động như một sự quyến rũ .... Bất kỳ hệ thống DB nào cũng tốt.
