如何建立简单的评论和五星级评级系统?[已关闭]

2022-08-30 20:02:33

我对Web技术非常陌生,这基本上是针对我的团队正在研究的一个学期项目。我们正在开发一个食品评论网站。

截至目前,我不太确定如何实现一个简单的5星评级系统。我应该使用像PHP这样的服务器端语言还是像Javascript这样的客户端语言(w / JQuery)。环顾四周,似乎JQuery更适合这个?还是两者兼而有之?

就功能而言,我正在寻找的是:

  • 鼠标悬停时星星亮起
  • 单击星形时不必重新加载页面(不是真正需要的)
  • 星星旁边显示的某种平均值
  • 评级必须存储在MySQL数据库中的某个地方(这是一个好主意吗?

如果这个问题听起来模糊而愚蠢,我真的很抱歉,我对如何实现这一点没有太多线索,我尝试过谷歌搜索。如果您对此有任何疑问,请告诉我。

谢谢。


答案 1

鼠标悬停时星星亮起 网上
有一个很棒的教程,用于设计5星级评级系统:http://rog.ie/blog/css-star-rater。它纯粹是CSS,所以不需要Javascripting。

当点击一颗星星时,页面不必重新加载(不是真的需要)
Ajax是你的朋友,我所做的是有一个表示星星的地方,函数使用Ajax将我的评级(1/5)传输到服务器,服务器存储评级(并分配给出评级的用户)并重新计算新的平均评级并以JSON格式提交结果。<a class="one_star" href="javascript: submitRating(1, 5)"><a>submitRating()

在星星
旁边显示的某种平均值 容易。编写一个 SQL 脚本,该脚本基于产品 ID,取平均评级的总和(即 1/5 + 2/5 + 4/5 等),将其除以评级总量,然后乘以 100。将值返回到服务器,并从服务器返回到客户端。

评级必须存储在MySQL数据库中的某个地方(这是一个好主意吗?
我正在使用MySQL来实现这一点,它就像一个魅力....任何数据库系统都可以。


答案 2

当鼠标悬停
时,星星亮起 简单,黄色星星的图像和白色星星的图像。当一颗星星悬停时,左边的所有星星的“src”都变成了黄色的星星,右边的所有星星的src都变成了白星。

单击星号时不会重新加载页面
查看Ajax/ XHR
http://en.wikipedia.org/wiki/Ajax_(编程)
提示:有一个名为vote.php.php文件,并将食物的ID和用户给出的评分传递给它。


大多数网站仅显示0%,50%和100%的恒星之间的某种平均值...如果用户没有得到“精确的精度”,他们就不会真正吓坏了

评级应该存储在MySQL数据库中
任何数据库系统都可以。但是,是的,您可能希望为此使用SQL数据库


推荐