简单做一个评论系统

日常推荐4个月前更新 Jone

105 0 0

闲来无事，借鉴网上评论系统为自己博客也写了一个。之前用的twikoo，在自己服务器上部署的，但没用到数据库并且评论数据看的也不是很方便~~虽然根本就没有多少评论~~。

目前没有实装，只有api接口，实在搞不懂怎么弄前端就放置在那里了。后端用java实现，mysql8，nginx用来反代理。

代码实现

主要思路

每一个评论表里面都存在一个包含其所有子评论的列表，通过这个列表来确定评论的从属关系。每次请求时获取当前页面对应的所有评论内容，经过后端处理好评论从属关系后再发送给前端。

表结构

本次只用了一张表，因为实现挺简单的就没搞复杂化。

@Data
@TableName("comment")
public class Comment implements Serializable {
    @TableId
    private Integer id;       // 评论ID
    private String content;       // 评论内容
    private String userEmail;          // 评论作者邮箱
    private String userName;      // 评论作者姓名
    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
    private Date createTime;      // 创建时间
    private Integer isDelete;     // 是否删除（0：未删除；1：已删除）

    private String blogId;      // 博客ID
    private Integer parentId;    // 父评论ID（被回复的评论）
    private Integer rootParentId;      // 根评论ID（最顶级的评论）

    @TableField(exist = false)
    private List<Comment> child;    // 本评论下的子评论
}

评论ID是主键，没什么特殊含义；

评论内容就不用多解释了吧；

评论作者邮箱用来确定用户身份，同时在别人回复其评论时通知被回复者~~还没做邮件通知回复~~。

根据博客ID来确定此评论属于哪个页面下；

父评论ID来确定当前评论是评论的文章还是回复别人的评论，当父评论ID为-1时就代表回复的文章；

List child用来确定评论从属关系。

获取当前页面对应的评论

用的mybatis-plus，继承现有接口即可。

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.xiaoliu.xcx.mapper.CommentMapper">
    <select id="getByBlogId" resultType="com.xiaoliu.xcx.entity.Comment">
        select * from comment
        <where>
             blog_id = #{blogId}
        </where>
    </select>
</mapper>

这样就从数据库中查询到当前页面下所有评论了，返回所有评论的list列表。

工具类

表结构中的blogId我是根据博客页面url来确定，即数据库中存的blogId字段就是每个页面对应的url。但在前端请求中，太长的页面url很不好用，于是就约定前端把页面url用base64编码后再传回来，后端再次解码即可。

@Component
public class Base64Util {

    public String base64Decode(String blogIdBase64){
        try {
            byte[] result = new BASE64Decoder().decodeBuffer(blogIdBase64);
            return new String(result);
        }catch (IOException e){
            e.printStackTrace();
            return null;
        }
    }
}

上面表结构中有一个child评论列表，这个肯定不是从数据库中查出来的，需要自己找到每个评论对应的子评论和父评论。

@Component
public class CommentBeautifyUtil {

    public List<Comment> CommentBeautify(List<Comment> commentList){
        Map<Integer,Comment> commentMap = new HashMap<>();
        List<Comment> result = new ArrayList<>();
        for (Comment comment: commentList) {
            //父评论和根评论为-1代表当前评论是回复的页面
            if(comment.getParentId()==-1&&comment.getRootParentId()==-1){
                //把这个评论存到我们需要返回给前端的列表中
                result.add(comment);
            }
            commentMap.put(comment.getId(),comment);
        }
        for(Comment comment:commentList){
            Integer id = comment.getParentId();
            if(id!=-1){
                //找到这个评论的父评论，并把这个评论加到它父评论中
                Comment parentComment = commentMap.get(id);
                if (parentComment.getChild()==null){
                    parentComment.setChild(new ArrayList<>());
                }
                parentComment.getChild().add(comment);
            }
        }
        return result;
    }
}

控制层接口

@ApiOperation("获取当前页面下所有的评论")
@GetMapping("/get/{blogIdBase64}")
public List<Comment> getCommentByBlogId(@PathVariable String blogIdBase64){
    String blogId = base64Util.base64Decode(blogIdBase64);
    return commentBeautifyUtil.CommentBeautify(commentService.getCommentByBlogId(blogId));
}