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 应用
价格
海外版
资源
帮助文档
教学视频
案例库
博客
生态
社区交流
找人定制
教育优惠
推广我们
关于
关于我们
用户协议
联系我们
沪B2-20211120
沪ICP备19044950号
沪B2-20211120|沪ICP备19044950号|函子科技(上海)有限公司 地址:上海市杨浦区周家嘴路3255号505室-37
Copyright © 2025 Functor Z. All rights reserved.
友情链接
奇绩创坛
HelpLook AI知识库
AI工具集
AI Logo 生成器
明道云
AI 神器集