搭建博客之评论回复功能的实现

一直觉得普通的评论功能过于单调,对于我这种看什么都喜欢翻评论区的人来说有点功能不足,

既然要添加评论回复功能,具体要做到什么呢。

1.对指定的评论回复

2.对指定的回复回复

3.属于某一评论下的回复树状排列在评论下【类似微博

4.点击回复后在当前评论下弹出回复框

基于这些需求重新设计了一下Comment数据表,在现有的author_id、content、date、article_id之外增加了三个字段

1.reply_to:当前回复的对象,用于在显示评论时显示前面的 回复@用户:

2.root:当前回复所属的根评论id

3.parent:当前回复所回复的评论id

前端是看了别人的前端代码,因为个人对JS不是很熟练,简单的解释就是点击回复按钮的时候选取当前评论的位置然后append一个回复框,回复框的回复按钮给定一个class,再为这个按钮写一个js,判断回复不为空后用ajax传递给后端,(不过我这里写的有点繁琐,每个评论都写了多个hidden标签用于标识它的属性,只是为了ajax提交而服务,希望以后有更好的解决方案)后端获得data后对root的设定做判断(有root就直接用root,没有就证明当前回复的是在文章下的评论,用parent作为root即可)写入数据库。之后如果成功就刷新当前页面(原本的前端代码是把添加的回复写入当前页面,就不用刷新了。)

我这里数据库没有用到外键,所以每次渲染前端页面的时候用了一个dict用来存储每条评论下的子评论id,又用了一个dict用来记录当前页的子评论……麻烦啊

后面肯定要对评论的获取进行优化,以及先显示特定条数(最赞)的子评论,想要查看更多再用ajax来请求,是个大工程来着,慢慢做吧。

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值