分享教程
链接放在公众号里是最好的,过期了就可以修改,所以这就是不放在文章里的原因,有需要的可以关注“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
该成功了就返回一个现在的数。然后把页面改一下就成了
以上是文章全部内容,有学习与经验交流的可以加微信为好友。一起学习,交流与进步!请备注:码农