react + node + express + ant + mongodb 的簡潔兼時尚的部落格網站

BiaoChenXuYing發表於2019-03-03
首頁

前言

此專案是用於構建部落格網站的,由三部分組成,包含前臺展示、管理後臺和後端。

此專案是基於 react + node + express + ant + mongodb 的,專案已經開源,專案地址在 github 上,喜歡的,歡迎給個 star 。

專案地址:

前臺展示: https://github.com/biaochenxuying/blog-react
管理後臺:https://github.com/biaochenxuying/blog-react-admin
後端:https://github.com/biaochenxuying/blog-node

1. 效果圖

1.1 前臺展示

效果圖:

  • 移動端適配
mobile.gif
  • pc 端
    首頁
標籤分類文章
留言
時間軸
登入
註冊
文章詳情-1
文章詳情-2
文章詳情-3
點贊與評論

前臺展示目前只支援 pc 端。

1.2 管理後臺

管理後臺是在螞蟻金服使用者開源的 ANT DESIGN PRO 基礎上進行開發的。

登入
使用者
文章
文章新增
留言
留言回覆
連結
時間軸
時間軸新增
標籤
分類

2. 體驗地址

3. 計劃

這次是一個完整的全棧式開發,只要部署了這三個專案的程式碼,是完全可以搭建好部落格網站的。

作為一個後端的小白,在這次開發中,小汪也遇到了很多問題。

往後的時間裡,我會就這三個專案,推出相應的三篇文章教程或者說明和踩到的坑,敬請期待。

4. 收穫與感觸

學而不用,基本等於沒學,所以為了有 react 相關的技術棧的實戰經驗,所以用了 react ,而且後端技術 node.js 和 mongodb 也是這一個多月裡現學現用的,所以專案中肯定還有很多我不知道的實用技巧,如果寫的不好的地方,請大家指出。

網站前端部分如果用 vue 相關技術棧來完成的話,會更好更快,因為本人專長的是 vue 相關的技術棧。

因為最近一直在做自己的個人部落格網站,所以好久沒更新技術文章了;而且是利用業餘時間做的,所以經過差不多兩個月的搬磚,現在網站終於都上線了。

開發網站的這段時間裡,每天晚上幾乎都搬磚到接近 11 點,週末的時間大多也在搬磚,今晚寫完這篇文章,也快 12 點了,搬磚不易啊,喜歡或者覺得不錯的,歡迎到 github 上給個 star,謝謝。

5. 文件教程

專案地址:

前臺展示: https://github.com/biaochenxuying/blog-react

管理後臺:https://github.com/biaochenxuying/blog-react-admin

後端:https://github.com/biaochenxuying/blog-node

blog:https://github.com/biaochenxuying/blog

本部落格系統的系列文章:

最後

全棧開發 有興趣的朋友可以掃下方二維碼關注我的公眾號,我會不定期更新有價值的內容。

微信公眾號:BiaoChenXuYing
分享 前端、後端開發等相關的技術文章,熱點資源,全棧程式設計師的成長之路。

關注公眾號並回復 福利 便免費送你視訊資源,絕對乾貨。

福利詳情請點選: 免費資源分享–Python、Java、Linux、Go、node、vue、react、javaScript

BiaoChenXuYing

相關文章