【项目杂记】实现文章评论、回复功能（类似 CSDN）

待我称王封你为后i 2022-10-29 15:26 210阅读 0赞

我们想要实现的是，用户可以对文章评论，也可以回复某个评论。对于实现的效果，这里采用的是不是层级式，而是类似 CSDN 的全部展开式

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkzNTkyNw_size_16_color_FFFFFF_t_70_pic_center]  
数据表中相应字段如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkzNTkyNw_size_16_color_FFFFFF_t_70_pic_center 1]

我标出来了几个关键字段，其中 art\_id 和 comment\_id 没什说的，就是外键

*  comment\_count：无论是新增了评论还是回复，都要 comment\_count++
 *  rep\_count：无论是对评论的回复，还是该评论下对回复的回复，都要 rep\_count++
 *  rep\_type：1 表示对评论的回复，2 表示对回复的回复
 *  to\_rep\_author 和 to\_rep\_author\_name：只有当 rep\_type 为 2 时，它俩才有值，表示被回复者信息

## 1.评论逻辑 ##

### 1.1 Controller ###

提供评论接口

@PostMapping("/comment")
    public ResponseEntity<Void> insertComment(@RequestBody CommentDto commentDto){
        
        if(this.commentService.insertComment(commentDto)){
        
            return ResponseEntity.status(HttpStatus.CREATED).build();
        }
        return ResponseEntity.badRequest().build();
    }

CommentDto 是封装的评论请求的入参

public class CommentDto {
        
    	// 评论的文章 id
        private Long articleId;
        // 评论内容
        private String content;
    	
        // getter/setter...
    }

### 1.2 Service ###

评论的具体逻辑

@Override
    @Transactional
    public Boolean insertComment(CommentDto commentDto) {
        
            if(StringUtils.isBlank(commentDto.getContent())){
        
                return false;
            }
    
            // 创建评论
            Comment comment = new Comment();
            comment.setArtId(commentDto.getArticleId());
        	// 从登录拦截器中获取到 userId
    	    Long uId = LoginInterceptor.getUserId();
        	comment.setComAuthor(uId);
        	// 查询 username 并 set
            comment.setComAuthorName(this.userDetailService.selectUsernameById(uId));
            comment.setComContent(commentDto.getContent());
            comment.setComCreate(new Date());
    
            // 将评论添加到数据库
            this.commentDao.insertSelective(comment);
            // commentCount++
            this.articleDao.updateCommentCount(commentDto.getArticleId());
    
            return true;
    }

## 2.回复逻辑 ##

### 2.1 Controller ###

提供回复评论的接口

@PostMapping("/reply")
    public ResponseEntity<Void> insertReply(@RequestBody ReplyDto replyDto){
        
        if(this.replyService.insertReply(replyDto)){
        
            return ResponseEntity.status(HttpStatus.CREATED).build();
        }
        return ResponseEntity.badRequest().build();
    }

ReplyDto 是封装的回复评论入参

public class ReplyDto {
        
        // 回复类型 1.对评论的回复  2.对回复的回复
        private Integer type;
        // 回复内容
        private String content;
        // 回复所属文章
        private Long articleId;
    	// 回复所属评论
        private Long commentId;
    	// 如果是对回复的回复，被回复者的 id
        private Long toRepAuthor;
    	// 如果是对回复者的回复，被回复者的 username
        private String toRepAuthorName;
    
        public Integer getType() {
        
            // 如果没有设置 type，默认就是对评论的回复
            if(type == null){
        
                return ReplyTypeRole.TO_COMMENT;
            }else
                return type;
        }
        
        // getter、setter...
    }

### 2.2 Service ###

回复具体逻辑

@Override
    @Transactional
    public Boolean insertReply(ReplyDto replyDto) {
        
        if(StringUtils.isBlank(replyDto.getContent())){
        
            return false;
        }
    
        // 如果是对评论的回复
        if(replyDto.getType() == ReplyTypeRole.TO_COMMENT){
        
            // 构建 Reply
            Reply reply = new Reply();
            reply.setCommentId(replyDto.getCommentId());
            reply.setRepContent(replyDto.getContent());
    		// 从登录拦截器中获取到 userId
    	    Long uId = LoginInterceptor.getUserId();
            reply.setRepAuthor(uId);
            reply.setRepAuthorName(this.userDetailService.selectUsernameById(uId));
            reply.setRepCreate(new Date());
            // type 为 1
            reply.setRepType(ReplyTypeRole.TO_COMMENT);
    		
            // 将评论信息添加到数据库
            this.replyDao.insertSelective(reply);
    		
            // 更新文章评论数      
            this.articleDao.updateCommentCount(replyDto.getArticleId());
            // 更新评论回复数
            this.commentDao.updateRepCount(replyDto.getCommentId());
            
        // 如果是对回复的回复
        }else{
        
            Reply reply = new Reply();
            reply.setCommentId(replyDto.getCommentId());
            reply.setRepContent(replyDto.getContent());
            // 从登录拦截器中获取到 userId
    	    Long uId = LoginInterceptor.getUserId();
            reply.setRepAuthor(uId);
            reply.setRepAuthorName(this.userDetailService.selectUsernameById(uId));
            reply.setRepCreate(new Date());
            // type 为 2
            reply.setRepType(ReplyTypeRole.TO_REPLY);
            // 对回复的回复，设置被回复者 id
            reply.setToRepAuthor(replyDto.getToRepAuthor());
            // 对回复的回复，设置被回复者 username
            reply.setToRepAuthorName(replyDto.getToRepAuthorName());
    		
            // 添加 Reply 到数据库
            this.replyDao.insertSelective(reply);
    		
            // 更新评论数和回复数
            this.articleDao.updateCommentCount(replyDto.getArticleId());
            this.commentDao.updateRepCount(replyDto.getCommentId());
        }
    
        return true;
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkzNTkyNw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221024/9241db42f6de4faca122e46b5d9c836f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkzNTkyNw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221024/1032ecf6cb274dd092107cb40544d280.png