基于Angularjs+mybatis实现二级评论系统(仿简书)

前端之家收集整理的这篇文章主要介绍了基于Angularjs+mybatis实现二级评论系统(仿简书)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<p style="text-align: left">一直想写个评论系统,看了下多说,网易,简书的评论,想了下自己该实现怎样的评论系统。


<p style="text-align: left">评论系统关键是嵌套层数以及数据库表设计。嵌套层数多,表结构复杂,呈现也麻烦,最后决定实现一个二级评论。系统由maven构建,springboot快速搭建spring环境。前台采用angularjs+bootstrap,后台使用springmvc+mybatis,数据库采用MysqL.前台请求后台API操作评论

目录结构

数据库表设计

sql;"> ##说说表或者文章表 create table saying ( saying_id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,sayingContent VARCHAR(500) NOT NULL,author VARCHAR(50) NOT NULL,sayingAvatar VARCHAR(50) NOT NULL,likes VARCHAR(500) NOT NULL,createTime datetime NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

一级评论

create table firstLevelComment (
flc_id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,sayingId INT NOT NULL,commenter VARCHAR(50) NOT NULL,commenterAvatar VARCHAR(50) NOT NULL,commentContent VARCHAR(500) NOT NULL,commentTime datetime NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

二级评论

create table secondLevelComment (
slc_id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,flcId INT NOT NULL,replier VARCHAR(50) NOT NULL,toCommenter VARCHAR(50) NOT NULL,replyContent VARCHAR(50) NOT NULL,replyTime datetime NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

获取评论的mapper(关键)

<select id="updateLikesById">
update saying set likes = #{likes} where saying_id = #{id}

页面展示

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/41754.html

猜你在找的JavaScript相关文章