Freya.Li 发表于 2021-9-30 14:19:40

一看就会,超有用活字格技能:一百二十一、分用户点赞功能实现

本帖最后由 Freya.Li 于 2021-9-30 14:23 编辑

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


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


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

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



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


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




步骤三:给图片绑定点击事件
【1】若状态值为1,标识已点赞,点击时更新数据表该用户的是否点赞值为0

并且设置图片单元格属性为已点赞的图片


【2】若状态值为0,标识未点赞,点击时更新数据表该用户的是否点赞值为1

并且设置图片单元格属性为未点赞的图片


【3】若状态值为2,标识没有记录,点击时添加数据表记录




页: [1]
查看完整版本: 一看就会,超有用活字格技能:一百二十一、分用户点赞功能实现