js+css+php实现点击五星进行评分

最新推荐文章于 2021-03-17 14:37:42 发布

TianYaWuJie

最新推荐文章于 2021-03-17 14:37:42 发布

阅读量292

点赞数

分类专栏： php html js 文章标签： php js html

本文链接：https://blog.csdn.net/TianYaWuJie/article/details/110789449

版权

本文介绍如何使用JavaScript、CSS和PHP实现一个用户登录后只能点评一次的五星评分功能，详细展示了HTML、JS和PHP代码实现过程。该功能应用于购物导航网站，允许用户为各个网站打分并显示平均评分和点评人数。

摘要由CSDN通过智能技术生成

需求背景：本人有一个购物导航网站(百度搜购物吧)，有很多购物网站，存在用户进行点评的需求，点评数据可作为其他网友参考。本人想打造成豆瓣电影的感觉

需要实现的点：

用户需要登录才能点评；
每个用户只能点评一次；
每个网站显示有多少人点评，评分是多少

html代码如下：

{#if (!is_login()) #}
                <a href="/member/?mod=login">
            <div class="shop-rating" style="float: right;">
              <div class="score">
                      <p style="color: #f60;;font-size: 20px;text-align:center;">{#$web.score_avg#}分</p>
                      <p style="font-size: 8px;color: #737373;text-align:center;padding-top: 6px;">{#$web.score_num#}人已评价</p>
                  </div>
                  <div class="middle">|</div>
                  <ul class="rating-level" id="stars2">
                 
                </ul>
                <span id="stars2-tips" class="result"></span> <input type="hidden"
            id="stars2-input" name="b" value="" size="2">
            </div></a>
            {#else#}
            <div class="shop-rating" style="float: right;">
                  <div class="score">
                      <p style="color: #f60;;font-size: 20