CNode

前后端分离实践:vue2.js+koa2的个人博客项目

分享
FFantasyGao发布于9 年前最后回复8 年前4 回复13657 浏览0 收藏

1. 来源

离上次用express搭建博客一年多时间了,由于看到大神们的博客各种花哨,心中落差感油然而生,所以下决心抽出时间重新搭建一下博客。不过先要感谢很多开源的作者,为了能够快速开发选用了很多开源的项目组件,比如iview(感觉不错,推荐给大家),自己也写了个分页表格插件,也推荐给大家,算向前辈们学习了^-^

2. 博客简介

  1. Vue2.js 搭建前端架构项目地址
  2. koa2.js 搭建后端逻辑处理项目地址
  3. 利用nginx部署,实现前后端分离目的
  4. 线上地址 管理员地址 用户名:admin 密码:123456 感谢京东云的一个月免费服务器(有点慢哦)

3. 实现功能

  • 用户层
  1. 文章按照种类区分
  2. 文章可拥有多个不同标签
  3. 文章按照种类区分
  4. 支持文章评论,用户之间的多层回复
  5. 适应移动端
  • 管理员层
  1. JWT权限验证
  2. 撰写文章(markdown编写,实时查看效果,上传文件)
  3. 修改文章(可选保存新版本或覆盖至上一个版本)
  4. 全部文章管理(上,下线,预览效果,删除文章等)
  5. 评论管理(审核,删除等)
  6. 回复管理(审核,删除等)
  7. 注册人员管理(查看,删除等)
  8. 评论用户或者回复用户 (查看评论或回复详情)
  9. 添加评论用户或者回复用户为特别关注
  10. 登录与操作日志查看
  11. 评论用户或者回复用户 (查看评论或回复详情)
  12. 网站数据分析(评论最多与浏览最多文章查看)
  13. 网站数据用图表展示(近十天浏览量--折线图,浏览最多十篇文章--饼图,评论最多十篇文章--柱状图)

4. 后续

  1. 添加多层权限,开放为多人博客
  2. 待思考

5. 截图

1 2 3 4 5

查看回复

回复 (4)

M
mangooLi#1·9 年前

请问一下,具体是怎么部署的呢

H
Huyaguang#2·9 年前

给你来一枚邮箱。。。guang_hy@163.com

J
jimilai#4·8 年前

分享Vue.js的入门级全家桶系列教程:

1.vue.js 入门与提高: http://xc.hubwiz.com/course/vue.js 2.vuex 2 入门与提高: http://xc.hubwiz.com/course/vuex 3.vue-router 入门与提高: http://xc.hubwiz.com/course/vuerouter 4.vue.js 工程化实践: http://xc.hubwiz.com/course/vuegch

参与回复
登录后即可参与回复。登录