12

项目地址:https://github.com/Nealyang/R...

本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人。遂想,何不一边记录踩坑,一边分享收获呢。分享当然是好的,
如果能做到集思广益,那岂不是更美。我们的口号是:坚决不会烂尾

本博客为连载代码博客同步更新博客,随着项目往后开发可能会遇到前面写的不合适的地方会再回头修改。如有不妥~欢迎兄弟们不啬赐教。谢谢!

功能描述

前端部分

  • [x] 文章列表展示
  • [x] 文章分类
  • [x] 登录管理
  • [x] 文章详情页展示
  • [x] 文章评论
  • [x] 管理员文章管理
  • [x] 管理员标签管理
  • [x] 管理员评论管理
  • [x] 发文(支持MarkDown语法)

后端部分

  • [x] mongoose数据库操作
  • [x] 路由管理
  • [x] 身份验证
  • [x] 基本的增删改查
  • [x] ...

技术栈

  • [x] react
  • [x] react-redux
  • [x] react-router
  • [x] redux-saga
  • [x] babel
  • [x] webpack
  • [x] Express
  • [x] Mongodb
  • [x] Mongoose

TODO

后续收工时候补充

项目运行效果(这个GIF不是连续播放的,我好烦)

  • 加载

clipboard.png

  • 普通用户登录

clipboard.png

  • 管理员登录

clipboard.png

项目实现步骤系列博客

  • [x] 实战react技术栈+express前后端博客项目(0)-- 预热一波
  • [ ] 实战react技术栈+express前后端博客项目(1)-- 整体项目结构搭建、state状态树设计
  • [ ] 实战react技术栈+express前后端博客项目(2)-- 前端react-xxx、路由配置
  • [ ] 实战react技术栈+express前后端博客项目(3)-- 后端路由、代理以及静态资源托管等其他配置说明
  • [ ] 实战react技术栈+express前后端博客项目(4)-- 博客首页代码编写以及redux-saga组织
  • [ ] 实战react技术栈+express前后端博客项目(5)-- 前后端实现登录功能
  • [ ] 实战react技术栈+express前后端博客项目(6)-- 使用session实现免登陆+管理后台权限验证
  • [ ] 实战react技术栈+express前后端博客项目(7)-- 前端管理界面用户查看功能+后端对应接口开发
  • [ ] 实战react技术栈+express前后端博客项目(8)-- 前端管理界面标签管理功能+后端对应接口开发
  • [ ] 实战react技术栈+express前后端博客项目(9)-- 前端管理界面标签管理功能+后端对应接口开发
  • [ ] 实战react技术栈+express前后端博客项目(10)-- 前端管理界面发表文章功能
  • [ ] 实战react技术栈+express前后端博客项目(11)-- 后端接口对应文章部分的增删改查
  • [ ] 实战react技术栈+express前后端博客项目(12)-- 前端对于发文部分的完善(增删改查、分页等)
  • [ ] 实战react技术栈+express前后端博客项目(13)-- 前端对于发文部分的完善(增删改查等)
  • [ ] 实战react技术栈+express前后端博客项目(14)-- 内容详情页以及阅读数的展示
  • [ ] 实战react技术栈+express前后端博客项目(15)-- 博客添加评论功能以及对应后端实现
  • [ ] 实战react技术栈+express前后端博客项目(16)-- pm2 的使用说明
  • [ ] 实战react技术栈+express前后端博客项目(17)-- 收工

交流

扫码关注我的个人微信公众号,分享更多原创文章。点击交流学习加我微信、qq群。一起学习,一起进步

clipboard.png


欢迎兄弟们加入:

Node.js技术交流群:209530601

React技术栈:398240621

前端技术杂谈:604953717 (新建)


more

clipboard.png


isNealyang
2k 声望346 粉丝