React技术栈+Express+Mongodb实现个人博客

说明

学习React有一点时间了，一直断断续续，这次终于写了一些完整的东西出来。本篇内容以学习过程为主线，记录一下项目进程中收获的知识点和遇到的坑，希望能帮助到还在初级阶段的同学们。此为开篇，接下来会陆续更新。

功能描述

前端部分

• 文章列表展示
• 文章分类
• 登录管理
• 权限管理
• 文章详情页展示
• 管理员文章管理
• 管理员标签管理
• 发文（支持MarkDown语法）

后端部分

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

技术栈

• react
• react-redux
• react-router
• redux-saga
• babel
• webpack
• Express
• Mongodb
• Mongoose

TODO

• 文章评论
• Archives

项目运行效果（这个GIF不是连续播放的，我好烦）

• 首页

home.gif

• 查看文章详情

detail.gif

• 登录和注册

login.gif

• 标签管理

tags.gif

• 发表文章

article.gif

• 文章管理

articles.gif

系列文章

React技术栈+Express+Mongodb实现个人博客
React技术栈+Express+Mongodb实现个人博客 -- Part 1 博客页面展示
React技术栈+Express+Mongodb实现个人博客 -- Part 2 后台管理页面
React技术栈+Express+Mongodb实现个人博客 -- Part 3 Express + Mongodb创建Server端
React技术栈+Express+Mongodb实现个人博客 -- Part 4 使用Webpack打包博客工程
React技术栈+Express+Mongodb实现个人博客 -- Part 5 使用Redux
React技术栈+Express+Mongodb实现个人博客 -- Part 6 部署

技术交流群二维码.png