最近学习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代码验证过没问题)就直接插入到数据库中就可以了。

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

类似于qq空间类型的评论和回复的更多相关文章

  1. JS时间轴效果(类似于qq空间时间轴效果)

    在上一家公司写了一个时间轴效果,今天整理了下,感觉有必要写一篇博客出来 给大家分享分享 当然代码还有很多不足的地方,希望大家多指点指点下,此效果类似于QQ空间或者人人网空间时间轴效果,当时也是为了需求 ...

  2. QQ空间未授权评论_已忽略

    看群友们聊天时发现的, 大概是做了查看了动态访问时间的一个设置, 但是仅自己可见的说说还是被评论了的这么一个问题. 闲的没事就翻了一下找一下问题. 这个方法嘎嘎鸡肋, 可以说完全没用, 交到tsrc, ...

  3. 实现类似于QQ空间相册的点击图片放大,再点后缩小回原来位置

    前几天看到了有人在android5.0上实现了如下图一样的效果,我自己就去搜了下.参考了国外一篇文章和国内的一篇文章,最终实现了想要的效果.具体参考的网址我已经贴到文章末尾,大家可以去英文的那个网站看 ...

  4. Android 实现类似于QQ空间相册的点击图片放大,再点后缩小回原来位置

    前几天看到了有人在android5.0上实现了如下图一样的效果,我自己就去搜了下.参考了国外一篇文章和国内的一篇文章,最终实现了想要的效果.具体参考的网址我已经贴到文章末尾,大家可以去英文的那个网站看 ...

  5. Android项目实战(十六):QQ空间实现(一)—— 展示说说中的评论内容并有相应点击事件

    大家都玩QQ空间客户端,对于每一个说说,我们都可以评论,那么,对于某一条评论: 白雪公主 回复 小矮人 : 你们好啊~ 我们来分析一下: .QQ空间允许我们 点击 回复人和被回复人的名字就可以进入对于 ...

  6. QQ空间/朋友圈类界面的搭建

    类似于QQ空间的布局主要是在说说信息.点赞.回复三大部分的自适应布局上. 当我们需要搭建类似QQ空间.微信朋友圈的界面的时候,可做如下操作: 创建一个对应的model类: 创建一个对应model类的f ...

  7. 制作QQ空间的一些想法

    新的项目开始了,这一次是做一个网站类似于QQ空间那样的,基本功能比如说写日志,说说之类的都要有(说说是要有楼中楼嵌套的,应该能够上传图片),还要可以修改个人信息.登录注册之类的更不用说了,还要有一定的 ...

  8. 模仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(上)

      我们大部分人都发过动态,想必都知道发动态.回复评论.删除动态的整个过程,那么作为初学者,要模仿这些功能有点复杂的,最起码表的关系得弄清楚~~ 先把思路理一下: (1)用户登录,用session读取 ...

  9. Atitit qzone qq空间博客自动点赞与评论工具的设计与实现

    Atitit qzone qq空间博客自动点赞与评论工具的设计与实现 Qzone发送评论的原理 首先,有个a标签, <a class="c_tx3" href="j ...

随机推荐

  1. apache 添加 ssl_module

    下载httpd2.2.6,以前用http2.2.4会出问题(出现个什么lib的错误) ./configure --prefix=/usr/local/apache --enable-ssl --ena ...

  2. 测试web网站兼容性的方法

    随着操作系统,浏览器越来越多样性,导致软件兼容性测试在目前软件测试领域占有很重要的地位,无论是B/S架构还是C/S架构的软件都需要进行兼容性测试,为了充分保证产品的平台无关性,使用户充分感受到软件的友 ...

  3. tomcat服务器搭建之ngrok——将内网地址映射到外网

    最近心血来潮,想学习微信公众号开发.但是自己又没有外网服务器,这个给我带来很大的麻烦. 刚开始申请了新浪云服务和百度云服务,将写好的代码打包丢到相应的云服务器上就行. 但问题就来了,开发中避免不了错误 ...

  4. selenium相关面试题

    selenium中如何判断元素是否存在? selenium中hidden或者是display = none的元素是否可以定位到? selenium中如何保证操作元素的成功率?也就是说如何保证我点击的元 ...

  5. linux系统时间同步

    1.linux系统时间同步[root@xuegod62 ~]# /usr/sbin/ntpdate ntp1.aliyun.com2.linux系统定时同步[root@xuegod62 ~]# ech ...

  6. block之---数据传递

    block值传递分为两种情况 1.值传递 含义: 类似于函数参数的值传递,block内部对值的改变对外部没有影响,外部改变对block内部也没有影响. 情况 block访问外部局部变量没有被任何关键字 ...

  7. Android系统之灯光系统--通知灯深入分析

    Android通知灯的深入分析 通知的类别 声音 振动 闪灯 APP如何发出通知灯请求 getSystemService(通知服务) 构造notification 类别 其他参数(颜色,onMS,of ...

  8. node.js爬虫杭州房产销售及数据可视化

    现在年轻人到25岁+,总的要考虑买房结婚的问题,2016年的一波房价大涨,小伙伴们纷纷表示再也买不起上海的房产了,博主也得考虑考虑未来的发展了,思考了很久,决定去杭州工作.买房.定居.生活,之前去过很 ...

  9. Spring MVC 的环境搭建和入门小程序

    1.1.下载spring框架包. 1.1.1百度搜索Spring Framework. 进入spring官网,在网页右边选择想要下载的版本.如图 1.1.2进入页面按Ctrl+F搜索Distribut ...

  10. 【Java深入研究】2、JVM类加载机制

    一.先看看编写出的代码的执行过程: 二.研究类加载机制的意义 从上图可以看出,类加载是Java程序运行的第一步,研究类的加载有助于了解JVM执行过程,并指导开发者采取更有效的措施配合程序执行. 研究类 ...