实现点赞效果的方法,先收藏,再给自己网站实现!

分享教程

链接放在公众号里是最好的,过期了就可以修改,所以这就是不放在文章里的原因,有需要的可以关注“PHP自学中心”,回复对应的关键词,获取链接与提取码。感谢大家的支持与信任

文章正文

相信有些友友在我朋友圈里看过我简单弄了一个博客网站,有很多地方还没实现。待我慢慢扩展!!

咱们看截图,这个就是赞的功能了

实现的代码,我可能会这样用!大家有好的方法,也可以留言哦,共同学习与交流!

数据库设计

先准备两张表,pic表保存的是图片信息,包括图片对应的名称、路径以及图片“赞”总数,pic_ip则记录用户点击赞后的IP数据。

index.php

在index.php中,我们通过PHP读取pic表中的图片信息并展示出来,结合CSS,提升页面展示效果。

CSS中,我们将定义鼠标滑向和离开红心按钮的动态效果,并定位按钮的位置。

jQuery代码

当用户点击自己喜欢的图片上的红心按钮时,向后台love.php发送ajax请求,请求响应成功后,更新原有的数值

love.php

后台love.php接收前端的ajax请求,根据提交的图片id值,查找IP表中是否已有该用户ip的点击记录,如果有则告诉用户已“赞过了”,反之,则进行一下操作:

1、更新图片表中对应的图片love字段值,将数值加1。

2、将该用户IP信息写入到pic_ip表中,用以防止用户重复点击。

3、获取更新后的赞值,即赞该图片的用户总数,并将该总数输出给前端页面。

源码下载

总结:

其实就是发了一个ajax请求,比如你要赞一个商品。商品表肯定有一个计数的字段。你发一个请求过去把这个字段+1

该成功了就返回一个现在的数。然后把页面改一下就成了

以上是文章全部内容,有学习与经验交流的可以加微信为好友。一起学习,交流与进步!请备注:码农

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181120B0BH0600?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券