react全家桶+express實(shí)戰(zhàn)個(gè)人博客系列教程
開源地址
https://github.com/Nealyang/React-Express-Blog-Demo
說明
放到開頭，這里重點(diǎn)說明下，很多哥們會(huì)發(fā)郵件或者群里艾特，但是好多郵件回復(fù)不了不知道什么情況，群里有時(shí)候不怎么關(guān)注就錯(cuò)過了，大家如果有啥問題咱就直接提issue吧，后面朋友遇到相同問題大家也可以參考
功能描述
前端部分
文章列表展示
文章分類
登錄管理
權(quán)限管理
文章詳情頁展示
管理員文章管理
管理員標(biāo)簽管理
發(fā)文（支持MarkDown語法）
后端部分
mongoose數(shù)據(jù)庫操作
路由管理
身份驗(yàn)證
基本的增刪改查
...
技術(shù)棧
react
react-redux
react-router
redux-saga
babel
webpack
Express
Mongodb
Mongoose
TODO
文章評(píng)論
項(xiàng)目運(yùn)行效果（這個(gè)GIF不是連續(xù)播放的，我好煩）
查看文章詳情
非管理員登錄
管理員登錄
發(fā)表文章
修改文章
標(biāo)簽管理
項(xiàng)目介紹
當(dāng)然這是一個(gè)全棧的開源demo，在此之前寫過一個(gè)模仿大眾點(diǎn)評(píng)的Demo,有兄弟反應(yīng)說應(yīng)該加點(diǎn)注釋。
因?yàn)閷?shí)在不想回頭再麻煩，就想在這個(gè)demo中再加。
這個(gè)demo就是一個(gè)簡單的增刪改查的博客demo。前端用react技術(shù)棧、后端是express+mongoose。
項(xiàng)目實(shí)現(xiàn)步驟系列博客
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（0）-- 預(yù)熱一波
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（2）-- 前端react-xxx、路由配置
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（3）-- 后端路由、代理以及靜態(tài)資源托管等其他配置說明
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（4）-- 博客首頁代碼編寫以及redux-saga組織
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（5）-- 前后端實(shí)現(xiàn)登錄功能
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（7）-- 前端管理界面用戶查看功能+后端對(duì)應(yīng)接口開發(fā)
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（8）-- 前端管理界面標(biāo)簽管理功能+后端對(duì)應(yīng)接口開發(fā)
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（9）-- 前端管理界面發(fā)表文章功能+后端對(duì)應(yīng)接口
開發(fā)實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（10）-- 前端文章列表、路由控制以及對(duì)應(yīng)后端文章管理開發(fā)
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（11）-- 前端文章管理部分完善（修改、預(yù)覽功能）
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（12）-- 博客添加評(píng)論功能以及對(duì)應(yīng)后端實(shí)現(xiàn)
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（13）-- pm2的使用說明
實(shí)戰(zhàn)react技術(shù)棧+express前后端博客項(xiàng)目（14）-- 收工
環(huán)境
node @7.9.0
db @3.4.0
...
別的就直接npm install 了
注意MongoDB初始化后需要初始化一個(gè)admin/admin賬戶，用于登錄后臺(tái)管理
運(yùn)行
gitclonegit@github.com:Nealyang/React-Express-Blog-Demo.gitnpm inpm start
交流
掃碼關(guān)注我的個(gè)人微信公眾號(hào)，分享更多原創(chuàng)文章。點(diǎn)擊交流學(xué)習(xí)加我微信、qq群。一起學(xué)習(xí)，一起進(jìn)步
歡迎兄弟們加入：
Node.js技術(shù)交流群：209530601
React技術(shù)棧：398240621
前端技術(shù)雜談：604953717 (新建)
