開源地址
說明
放到開頭，這裡重點說明下，很多哥們會發郵件或者群裡艾特，但是好多郵件回覆不了不知道什麼情況，群裡有時候不怎麼關注就錯過了，大家如果有啥問題我們就直接提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複製程式碼交流
掃碼關注我的個人微信公眾號，分享更多原創文章。點選交流學習加我微信、qq群。一起學習，一起進步
歡迎兄弟們加入：
Node.js技術交流群：209530601
React技術棧：398240621
前端技術雜談：604953717 (新建)