Zion无代码开发平台,可以快速灵活搭建网站、微信小程序。
首页
博客
主题
开始搭建
返回

最佳实践|无代码搭建星级评分,为你的应用增加评分功能

很多网站、APP等的评价系统都有按星级评分的功能,大部分是5个星级,依次代表1~5分。用户只需要在某个星星上点击一下就可完成打分,操作难度低,也能让商家快速得到反馈。
2025/03/20
发布
大约需要
5分钟
阅读
Enzo
社会学和传播学学者,现任函子科技产品经理。负责Zion无代码平台登陆系统、免费/付费订阅等功能模块。
Zion 无代码应用开发平台

很多网站、APP等的评价系统都有按星级评分的功能,大部分是5个星级,依次代表1~5分。用户只需要在某个星星上点击一下就可完成打分,操作难度低,也能让商家快速得到反馈。对商家而言,得到用户反馈非常重要,它可以直接向你反馈产品的受众效果。


而对用户而言,通过评论和评分可以直观地判定 App 的质量。众所周知,无论是买车、买电影票还是下载 App,他人反馈在用户购买决定中起着非同一般的作用。此外,如果某款产品评分达到了 4 星及以上的,更容易受到潜在用户的青睐。




关键组件及素材


条件式容器:在不同情况下显示不同样式

星星图标:如下


实现步骤


创建数据模型


需要一张表来存放用户的评分结果,并在账户表创建一个和评分表一对多的关系。



样式设置


添加一个条件式容器,并配置5个条件式子容器,如图:



并为每个条件式子容器配置应该显示的星星图片,容器的注意布局方向,图片注意宽度。


△一星至五星样式,图六为星星图片样式


点击行为配置


1. 设置一个页面变量 score,用于存储用户点击的分数。



2. 为每一个星星添加点击时行为-设置页面变量,给页面变量 score 赋值为1。




条件配置


为每个容器配置条件,页面变量 score 等于 期待需要显示的选中星星的数量。



提交按钮配置


添加一个按钮,为这个按配置行为-添加打分记录,并为里面的字段赋值,其中分数对应的是页面变量 score打分人_账户对应的是当前用户数据 id。


目录

创建数据模型

样式设置

点击行为配置

条件配置

提交按钮配置

相关阅读
产品
AI 应用
价格
海外版
资源
帮助文档
教学视频
案例库
博客
生态
社区交流
找人定制
教育优惠
推广我们
关于
关于我们
用户协议
联系我们
友情链接
奇绩创坛
HelpLook AI知识库
AI工具集
AI Logo 生成器
明道云
AI 神器集