/jquery-comment

基于jquery 的评论小插件

Primary LanguageJavaScript

jquery-comment

基于jquery 的评论小插件

github项目地址：https://github.com/fancaixia/jquery-comment

https://github.com/fancaixia/jquery-comment/blob/master/pic/001.png

案例思路：

[后台建立两个表]

  • (comment_list)评论表(id,userID,userName,articleID,content)
  • (reply_list)回复表(id,talkID,content,fromID,fromUser,toID,toUser)

[查询评论]

  • 后台获取 comment_list 表数据
  • 检索reply_list表中item.talkID == comment_list中 item.id, 并存入comment_list中对应item.child

[发送评论]

  • 前台发送用户id,用户名称, 文章id, 评论内容到后台
  • 后台将评论存储到comment_list中

[删除评论]

  • 前台发送此条评论ID到后台,
  • 后台reply_list判断 talkId == id 进行删除
  • 同时查询comment_list判断 id 相等的数据并进行删除

[回复评论]

  • 前台发送评论id, 内容, fromID, fromUser, toID, toUser 到后台
  • 后台将消息存储到reply_list中

[删除回复]

  • 前台发送此条回复ID到后台,
  • 后台reply_list判断对应 id 进行删除

[前台判断]

  • 根据当前登录用户id判断评论或回复用户是否一致 (不可给自己评论)
  • 划过某条评论时判断是不是当前用户的评论，(只能删除自己的评论)

代码结构

comment_static

config.js        接口文档
common.js        封装ajax请求及提示信息
index.html        主文件
index.js        业务逻辑

模拟多个用户可复制 comment_static / index.html，并修改index.js 中currentUserID和currentUserName

comment_mysql_server
app.js        主文件 连接mysql配置
route

activity_talk        后台逻辑处理

项目启动

  1. cd / comment_mysql_server
  2. app.js 更改数据库连接信息
  3. npm / cnpm install
  4. npm run dev

如果这篇文章对你有帮助，请帮忙扫描二维码，或微信搜索小程序(幼教学园)，帮忙点击页面，感谢

https://github.com/fancaixia/jquery-comment/blob/master/pic/youjiaoxueyuan.png