Bootstrap

java评论功能怎么实现_评论功能的简单实现

最近在写一个问答功能,类似于评论,几番找资料才有点感觉(主要是太菜了),为了加深印象就单独抽出来记下笔记,然后这篇写完就开始SpringBoot的复习了

1. 说明

网上看到有三种类型的评论,按照笔者的理解记下了过程(可能理解错了,望大神指出),所以列出的是笔者的理解,下面以模拟博客评论的场景来说明,(这些类型是笔者形容的,并没有这个词),总觉得很慌理解错了,希望大家评论指正

测试环境:SSM、JDK1.8

2. 没有互动型

这种类型只能评论,评论之间没有互动,类似于问答形式。提出问题,然后回答,一对多关系。这些回答之间没有任何联系

c45f3fa9943a55b75a7e5e18eecb8f70.png

从图可以简单看出,这种类型的评论是比较简单的,设计一个评论表,其内部添加一个挂载的博客id字段即可

数据库设计

CREATE TABLE `comment` (

`comment_id` int(11) NOT NULL AUTO_INCREMENT COMMENT '评论的id',

`nickname` varchar(255) DEFAULT NULL COMMENT '评论者的昵称',

`content` varchar(255) DEFAULT NULL COMMENT '评论的内容',

`blog_id` int(11) DEFAULT NULL COMMENT '评论挂载的博客id',

PRIMARY KEY (`comment_id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

这里主要说明评论功能的实现,表会尽可能简单的设计,像点赞,分页,图像这些不再考虑范围内,另一个blog表也没有给出,可以自行理解

查询语句

SELECT * FROM comment WHERE blog_id = #{blog_id}

传入需要查询评论的博客id即可,将查询的内容放入其评论区完成,这种评论较为简单,评论之间没有互动,适用于少数场景(像笔者这次写的问答功能,但该问答有非法关键词,官方回答,锁定,审核,等功能,也不简单)

3. 套娃型

这种类型笔者见得比较少,因为像树状,评论多起来层级结构复杂,不人性化

da423007c1c7d15d71903aaf4dded751.png

小一评论博客,小二紧接着回复小一的评论,小三又回复小二的评论,小一又回了小三的评论,像俄罗斯套娃层层套

数据库设计

这里笔者用单表来实现,笔者称评论与回复这二者为父子关系,评论为父级,回复为子级,这种关系在数据里增多一个parent_id字段来维护,默认为-1,表示没有父级

CREATE TABLE `blog` (

`comment_id` int(11) NOT NULL AUTO_INCREMENT COMMENT '评论的id',

`nickname` varchar(255) DEFAULT NULL COMMENT '评论者的昵称',

`content` varchar(255) DEFAULT NULL COMMENT '评论的内容',

`blog_id` int(11) DEFAULT NULL COMMENT '评论挂载的博客id',

`parent_id` int(11) DEFAULT '-1' COMMENT '父级评论',

PRIMARY KEY (`comment_id`)

) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;

博客评论多起来的时,可用blog_id作为索引(不想增加与功能无关内容,假装没看到)

Dto、映射文件、Service层

由于使用mybatis,所以把映射文件放上来一目了然

public class CommentDTO {

private int id;

private String nickname;

private String content;

private List children; // 存放子级的回复

// getter / setter

}

/p>

PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"

"http://mybatis.org/dtd/mybatis-3-mapper.dtd">

select="com.howl.dao.CommentDao.selectCommentById" column="{blogId=blog_id,parentId=comment_id}"

fetchType="lazy">

SELECT comment_id,nickname,content,blog_id,parent_id FROM blog WHERE blog_id = #{blogId} AND parent_id = #{parentId}

@Service

public class CommentService {

@Autowired

CommentDao commentDao;

public List selectCommentById(int blogId) {

// 默认传入-1,即找出父级评论先

return commentDao.selectCommentById(blogId, -1);

}

}

这样查询出来的语句是层层套的,不信你看

[{

"id": 1,

"nickname": "小二",

"content": "不错",

"children": [{

"id": 2,

"nickname": "小三",

"content": "支持",

"children": [{

"id": 3,

"nickname": "小四",

"content": "6666",

"children": []

}]

}]

}, {

"id": 4,

"nickname": "小五",

"content": "一般般把",

"children": []

}]

4. 两层型

即只有两层关系,比单层多了互动功能,比套娃简洁,看图

c9d16290dd61e757e3213a436d9c022d.png

这种看起来舒服多了,怎么做到的呢? 其实和套娃型使用的是同一个表与查询,映射文件都不用改,不同之处在于查询出来的后期的逻辑处理,很多时候跨库也是如此,查完数据再进行逻辑的处理

处理逻辑

由套娃型转变成二层型

套娃的示意图:

ab40a9c354c3887bc94f957ee8c4895e.png

1楼和2楼同级,属于父级评论,直接挂载的博客下

A属于1楼评论的子级

B属于A的子级

C属于B的子级

二层的示意图:

4df4a88fd6f98451a30116562a464e55.png

A,B,C 属于同级,直接属于1楼评论的子级

处理逻辑代码

业务逻辑在Service层,DTT测试

@RunWith(SpringJUnit4ClassRunner.class)

@ContextConfiguration(locations = "classpath:applicationContext.xml")

public class CommentServiceTest {

@Autowired

CommentDao commentDao;

@Test

public void selectCommentById() {

// 默认传入-1,找出父级的评论,假装查看博客id为7的评论

List comments = commentDao.selectCommentById(7, -1);

// 这里将套娃关系处理为二层关系

System.out.println(JSON.toJSONString(findParent(comments)));

}

// 处理每个父级评论的子级及其嵌套子级

public List findParent(List comments) {

for (CommentDTO comment : comments) {

// 防止checkForComodification(),而建立一个新集合

ArrayList fatherChildren = new ArrayList<>();

// 递归处理子级的回复,即回复内有回复

findChildren(comment, fatherChildren);

// 将递归处理后的集合放回父级的孩子中

comment.setChildren(fatherChildren);

}

return comments;

}

public void findChildren(CommentDTO parent, List fatherChildren) {

// 找出直接子级

List comments = parent.getChildren();

// 遍历直接子级的子级

for (CommentDTO comment : comments) {

// 若非空,则还有子级,递归

if (!comment.getChildren().isEmpty()) {

findChildren(comment, fatherChildren);

}

// 已经到了最底层的嵌套关系,将该回复放入新建立的集合

fatherChildren.add(comment);

// 容易忽略的地方:将相对底层的子级放入新建立的集合之后

// 则表示解除了嵌套关系,对应的其父级的子级应该设为空

comment.setChildren(new ArrayList<>());

}

}

}

注释清楚地说明了处理逻辑,但这种做法显然不是很好的,可以有更优雅的处理方法,只是笔者还没想到

输出结果

[{

"id": 1,

"nickname": "小二",

"content": "不错",

"children": [{

"id": 3,

"nickname": "小四",

"content": "6666",

"children": []

}, {

"id": 2,

"nickname": "小三",

"content": "支持",

"children": []

}]

}, {

"id": 4,

"nickname": "小五",

"content": "一般般把",

"children": []

}]

后记:后期逻辑处理部分花了大半天没滤清关系,没想到第二天醒来随手两分钟就搞定。原因:增强for底层使用了迭代器,修改结构会有快速失败机制、还有处理二层关系的时候,最底层往上解除套娃关系时,记得将孩子置空

b739ec46bb5c46d9c0aa4ce35ba1ea56.png

关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。

本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。

[评论功能的简单实现]http://www.zyiz.net/tech/detail-115177.html

;