类似于qq空间类型的评论和回复

最近学习thinkphp,做了一个博客系统,其中感觉实现一个类似于qq空间的评论和回复功能比较复杂,所以把这次的经历记录下来,与大家共勉,具体的方法就不说了,在这里分享一下思路。

目标就是这种,关键是一条评论对应多条回复的显示

我在数据库中建了一个user(用户)表,一个comment(评论)表,一个reply(回复)表,(其实也可以将评论和回复建在一张表上)。user表上主要字段有user_id,user_name,name,password,等一些用户基本信息的字段,comment表上主要字段有:comment_id,comment_content,user_id,blog_id(这个是和博客关联的),reply表上主要字段有reply_id,reply_content,reply_from_user_id,reply_to_user_id,comment_id

其中显示博客的评论和回复的显示是最难的,具体的评论和回复的功能,只要想办法获取到表中相应字段的值接进去就好了,

评论和回复的显示有两种思路:

1. 想办法只向后台提交一个blog_id,博客的内容可以直接从后台发送至前台,然后在后台想办法将将评论和回复结果拼接成一个三维数组,然后将此数组发送到前台用双重foreach标签输出,三维数组的形式大概是  

2.先往后台提交一个blog_id,不使用多表联合查询,查询博客的相关信息发送到html ,然后再将和这篇博客有关的评论发送至html,用foreach输出,每条评论使用一个单独的div将其div的id设置成评论的id  (利用jquery在初始化界面时会自动执行function方法的各种方法),再用jquery向后台发送请求,发送数据还是那个blog_id,查询到所有关于那篇博客的comment_id返回ajax 在成功的基础上,使用for循环,重复向后台发送请求,使用回复表和user表多表连接,(因为表中有两个user_id,所以需要和用户表连接两次,该过程中使用as关键字分别为user表取别名,这样就可以对同一张表连接两次了)查询到那个回复的相关内容,在这个成功的基础上,把返回的回复的内容加到相应的comment的div(通过该div的id)的后面。

这两种方法都可以使评论和回复显示类似于qq空间,第一种方法比较简单,但是,需要对数组特别熟悉,将结果拼接起来,第二种方法比较复杂,代码量也多,而且这样执行对服务器的压力比较大,所以建议第一种方法。

 评论功能的实现,相对于回复来讲比较简单:在点击提交评论的时候,首先获取session中存储的user_id ,和那篇博客的id(评论表和博客表关联),和文本框中填的评论的内容,然后将这些信息插入评论表中  ,再刷新当前页面就可以了

回复功能的实现(这个也比较难):

在上面显示的基础上,比如 张三@李四:内容。  在张三那个div上设置一个属性记录张三的user_id,在点击回复的时候,获取这个user_id。在点击提交回复的时候 ,获取回复的内容,和评论的div上记录的评论的id,连同之前的user_id(作为reply_to_user_id) 提交到后台,然后在后台获取session的user_id(作为reply_from_user_id) ,然后直接将这些数据(经过php代码验证过没问题)就直接插入到数据库中就可以了。

可能是我水平有限,如果哪个地方有问题,欢迎提出。。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏java思维导图

缓存的正确使用方式,你都会了吗?

首先,缓存由于其适应高并发和高性能的特性,已经在项目中被广泛使用。在读取缓存方面,大家没啥疑问,都是按照下图的流程来进行业务操作。

16020
来自专栏IT技术精选文摘

一文了解Zookeeper

相信大家对 ZooKeeper 应该不算陌生。但是你真的了解 ZooKeeper 是个什么东西吗?如果别人/面试官让你给他讲讲 ZooKeeper 是个什么东西...

19830
来自专栏微信公众号:Java团长

分布式之数据库和缓存双写一致性方案解析

首先,缓存由于其高并发和高性能的特性,已经在项目中被广泛使用。在读取缓存方面,大家没啥疑问,都是按照下图的流程来进行业务操作。

13620
来自专栏python3

python 软件目录结构规范

"设计项目目录结构",就和"代码编码风格"一样,属于个人风格问题。对于这种风格上的规范,一直都存在两种态度:

1.6K10
来自专栏大数据和云计算技术

HBase2.0 vs HBase1.x 延时比较

hbase2.0已经正式发布,对比之前1.x版本,2.0在读写链路上做了完善的优化,offheap、netty rpc等,这里做个小测试实验对比1.x和2.0在...

18330
来自专栏java技术学习之道

分布式之数据库和缓存双写一致性方案解析

38230
来自专栏北京马哥教育

Linux性能及调优指南(翻译)之Linux内存架构

本文为IBM RedBook的Linux Performanceand Tuning Guidelines的1.2节的翻译 原文地址:http://www.re...

41350
来自专栏python学习之旅

loadrunner笔记(三):设置、运行场景和生成测试报告

17740
来自专栏freesan44

ACP互联网架构认证笔记-EDAS企业级分布式应用服务

EDAS支持语言Java,C++,PHP。EDAS支持Idea,Eclipse;Eclipse插件安装等编译工具。EDAS初级版仅支持应用的部署管理,不支持HS...

46670
来自专栏LIN_ZONE

CDN(Content Delivery Network)技术原理概要

注:在这里只是简单介绍了一下这几种技术,并不是特别详细,先对这些有个大概了解,方便以后的学习,如果感觉本文的内容说的不具体的话可以看一下这篇文章:CDN技术详...

12220

扫码关注云+社区

领取腾讯云代金券