找回密码
 立即注册

QQ登录

只需一步,快速开始

Freya.Li
中级会员   /  发表于:2021-9-30 14:19  /   查看:2552  /  回复:0
本帖最后由 Freya.Li 于 2021-9-30 14:23 编辑

很多同学可能会遇到这样一个需求场景,想要实现一个点赞的功能,每个用户进来页面可以进行点赞,点完赞之后退出页面,再进来依然可以看到自己点过赞,然后也可以做到取消点赞,同时还能够看到这个页面的点赞数更新,如果两个客户同时打开页面,A用户点赞则点赞数为1,B用户点赞则点赞数为2
话不多说,直接上图:
点赞功能222.gif291640013.png

步骤一:首先我们要建立一个数据表,用来记录用户名,以及该用户是否点赞情况
image.png874739379.png

步骤二:一进入页面,首先我们要看下当前这个用户是否点赞的字段,
这里有三种情况:
【1】表里还没有这个用户点赞情况的记录
【2】表里有这个用户的记录,是否点赞字段为0,即未点赞
【3】表里有这个用户的记录,是否点赞字段为1,即已点赞

这里通过Odata查询,来显示当前用户是否点赞的字段,
Odata还不清楚的同学,先去这里:https://help.grapecity.com.cn/pa ... ion?pageId=56528393
image.png446448363.png
image.png407051391.png

同时有可能数据表里面没有这个记录,那么对于这种情况,我们在Odata公式外面包一层IFERROR,将值设为2,即没有点赞记录时值为2
image.png721985473.png

之后首次进入时,需要根据这个状态值(0未点赞、1未点赞、2数据表无记录),来显示对应的图片,即状态为1显示已点赞图标,其他显示未点赞图标
具体怎么根据条件显示不同图片,可以参考
一看就会,超有用活字格技能:九十一、如何根据条件判断显示不同的图片
https://gcdn.grapecity.com.cn/fo ... 76991&fromuid=64825
(出处: 葡萄城产品技术社区)


image.png187044676.png

步骤三:给图片绑定点击事件
【1】若状态值为1,标识已点赞,点击时更新数据表该用户的是否点赞值为0
image.png826792297.png
并且设置图片单元格属性为已点赞的图片
image.png24230040.png

【2】若状态值为0,标识未点赞,点击时更新数据表该用户的是否点赞值为1
image.png651379089.png
并且设置图片单元格属性为未点赞的图片
image.png491434630.png

【3】若状态值为2,标识没有记录,点击时添加数据表记录
image.png276866149.png
分用户点赞实现.fgcc (448.51 KB, 下载次数: 104)

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部