前后端分离实践:vue2.js+koa2的个人博客项目
发布于 7 年前 作者 FantasyGao 12198 次浏览 最后一次编辑是 6 年前 来自 分享

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 回复

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

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

分享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

回到顶部