react全家桶+express实战我的博客系列教程

开源地址

github.com/Nealyang/Re…

说明

放到开头，这里重点说明下，不少哥们会发邮件或者群里艾特，可是好多邮件回复不了不知道什么状况，群里有时候不怎么关注就错过了，你们若是有啥问题咱就直接提issue吧，后面朋友遇到相同问题你们也能够参考

功能描述

前端部分

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

后端部分

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

技术栈

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

TODO

• 文章评论

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

• 查看文章详情

• 非管理员登陆

• 管理员登陆

• 发表文章

• 修改文章

• 标签管理

项目介绍

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

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

项目实现步骤系列博客

• 实战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）-- pm2的使用说明
• 实战react技术栈+express先后端博客项目（14）-- 收工

环境

node @7.9.0
db @3.4.0
...
别的就直接npm install 了

注意MongoDB初始化后须要初始化一个admin/admin帐户，用于登陆后台管理
复制代码

运行

git clone git@github.com:Nealyang/React-Express-Blog-Demo.git

npm i

npm start
复制代码

学习交流

欢迎关注我的微信公众号: Nealyang 全栈前端，获取第一手文章推送和免费全栈电子书分享福利