实战react技术栈+express先后端博客项目（0）-- 预热一波

项目地址：github.com/Nealyang/Re…

本想等项目作完再连载一波系列博客，随着开发的进行，也是的确遇到了很多坑，请教了很多人。遂想，何不一边记录踩坑，一边分享收获呢。分享固然是好的，
若是能作到集思广益，那岂不是更美。咱们的口号是：坚定不会烂尾

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

功能描述

前端部分

• [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不是连续播放的，我好烦）

• 加载

• 普通用户登陆

• 管理员登陆

项目介绍

固然这是一个全栈的开源demo，在此以前写过一个模仿大众点评的Demo,有兄弟反应说应该加点注释。
由于实在不想回头再麻烦，就想在这个demo中再加。

这个demo就是一个简单的增删改查的博客demo。前端用react技术栈、后端是express+mongoose。

项目实现步骤系列博客

• [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群。一块儿学习，一块儿进步

---

欢迎兄弟们加入：

Node.js技术交流群：209530601

React技术栈：398240621

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

---

more