星级评分/打分 - Z-Blog 应用中心

一款提供用户对文章内容打评分的插件，对于资源下载、网络技术分享等是一款不可多得的帮手，也适用于所有类型的网站；所有打分数据均存在新建表中，不会对post表进行任何操作；内容好不好，用户说了算。

列表展示评分功能需要在自定义JS中填入代码，请参照以下内容修改

if (typeof rateids !== 'undefined') {
    const ids = rateids.split(',');
    const datas = zbp.GetRateParam(ids);
    $.each(datas, function (i, data) {
        let addhtml = showRatingStyle(data, { title: '', fontsize: 12, ratecolor: '#ff5a00', ratesize: 14, maxscore: 5, img: 'ratestarx', w: 15, h: 15, hideratenum: true, banrating: 0, noratingtit: '暂无评分', popmsg: false, css: [] });
        $(`.custom-list .grid>li:nth-child(${i + 1})>div`).append(addhtml);
    })
}
# 自定义参数在插件设置中有说明
# 将上述红色部分修改为自己网站列表的类名

2025.07.02 v1.0.5

修复部分css冲突

新增手动配置参数

完善列表页评分展示功能

2025.03.19 v1.0.3

增加自定义 CSS/JS 功能

新增js方法 GetRateParam，使用方法 zbp.GetRateParam(文章ID)，返回文章评分数据及配置

修复使用自定义配置时的某些错误

2024.11.16 v1.0.2

新增打分列表查看，评分数据一目了然

2024.10.16 首发

对文章进行打分/评分

可自由开启对游客的评分权限

自定义每日单个用户可打分的次数

自定义标题文字等样式

自由切换星星数量、5星或10星（自由切换不会对已打评分有任何影响）

提供 10+ 款评分样式

可自由添加到列表页/文章页中的任何地方

可自由添加自己喜欢的评分样式，参照 images 文件夹中的图片，限 .gif格式（最好透明背景）

            # 当上述类名留空时，则需要手动将以下代码添加到文章合适位置（二选一即可）
            # 方法一
            <script>
                document.write(showRatingStyle('<?= rate::GetParam($article) ?>'));         # 获取配置方法1
                document.write(showRatingStyle(zbp.GetRateParam({$article->ID}), {...}));   # 获取配置方法2
            </script>

            或使用 JS 添加到指定元素位置，zbp.GetRateParam() 传入文章 ID/ID数组 则可获取该文章的评分数据及配置

            # 方法二
            <script>
                const addhtml = showRatingStyle(
                        zbp.GetRateParam($('meta[name="PID"]').attr('content')),
                        { title: '',fontsize: 12,ratecolor: '#ff5a00',ratesize: 14,maxscore: 10,img: 'xin20',w: 20,h: 20,popmsg: false,css:[]}
                    );
                $(".post.single").append(addhtml);
            </script>
           
            # 支持第二个参数，如需使用请传入一个 object 对象，方便在其他页调用时使用自定义属性；
            # 支持以下属性
            {
                title: '',              // 提示标题，留空则不显示
                fontsize: 14,           // 提示标题字体大小
                ratecolor: '#ff5a00',   // 评分字体颜色
                ratesize: 18,           // 评分字体大小
                maxscore: 10,           // 星星数量，固定 5 或 10
                img: 'ratestarx',       // 图片名称，不带后缀
                w: 15,                  // 图片宽度
                h: 15,                  // 图片高度
                hideratenum: true,      // 隐藏评分人数
                banrating: true,        // 禁止评分，主要用于列表页展示
                noratingtit: '',        // 无评分时显示内容，如：'暂无评分'， 留空则显示默认灰色星级
                popmsg: false,          // 是否弹出成功提示框
                css: []                 // 自定义CSS，每个成员只能包含一条CSS规则，如：[".p1{color:red;text-align:center}", ".p2{font-size:16px;}"]
            }

列表展示评分功能~

图片拼接2024-10-16 21-31-46.jpg