實戰react技術棧+express前後端博客項目（0）-- 預熱一波

來自專欄 從前端到全棧

項目地址：https://github.com/Nealyang/React-Express-Blog-Demo

本想等項目做完再連載一波系列博客，隨著開發的進行，也是的確遇到了不少坑，請教了不少人。遂想，何不一邊記錄踩坑，一邊分享收穫呢。分享當然是好的， 如果能做到集思廣益，那豈不是更美。我們的口號是：堅決不會爛尾

本博客為連載代碼博客同步更新博客，隨著項目往後開發可能會遇到前面寫的不合適的地方會再回頭修改。如有不妥~歡迎兄弟們不嗇賜教。謝謝！

功能描述

前端部分

• 文章列表展示
• 文章分類
• 登錄管理
• 文章詳情頁展示
• 文章評論
• 管理員文章管理
• 管理員標籤管理
• 管理員評論管理
• 發文（支持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）-- 前端對於發文部分的完善（增刪改查等）
• 實戰react技術棧+express前後端博客項目（14）-- 內容詳情頁以及閱讀數的展示
• 實戰react技術棧+express前後端博客項目（15）-- 博客添加評論功能以及對應後端實現
• 實戰react技術棧+express前後端博客項目（16）-- pm2 的使用說明
• 實戰react技術棧+express前後端博客項目（17）-- 收工

交流

掃碼關注我的個人微信公眾號，分享更多原創文章。點擊交流學習加我微信、qq群。一起學習，一起進步

http://weixin.qq.com/r/MESlvWbEzTuyrSLe9xEi (二維碼自動識別)

歡迎兄弟們加入：

Node.js技術交流群：209530601

React技術棧：398240621

前端技術雜談：604953717 (新建)

more

推薦閱讀：