摘要:前言此項目是用于構建博客網站的,由三部分組成,包含前臺展示管理后臺和后端。體驗地址網站主頁網站首頁管理后臺計劃這次是一個完整的全棧式開發,只要部署了這三個項目的代碼,是完全可以搭建好博客網站的。
前言
此項目是用于構建博客網站的,由三部分組成,包含前臺展示、管理后臺和后端。
此項目是基于 react + node + express + ant + mongodb 的,項目已經開源,項目地址在 github 上,喜歡的,歡迎給個 star 。
項目地址:
前臺展示: https://github.com/biaochenxuying/blog-react1. 效果圖 1.1 前臺展示
管理后臺:https://github.com/biaochenxuying/blog-react-admin
后端:https://github.com/biaochenxuying/blog-node
效果圖:
移動端適配
pc 端
前臺展示目前只支持 pc 端。
1.2 管理后臺管理后臺是在螞蟻金服用戶開源的 ANT DESIGN PRO 基礎上進行開發的。
2. 體驗地址網站主頁: http://biaochenxuying.cn/main.html
網站首頁:http://biaochenxuying.cn/
管理后臺:https://preview.pro.ant.design/user/login
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
本博客系統的系列文章:
react + node + express + ant + mongodb 的簡潔兼時尚的博客網站
react + Ant Design + 支持 markdown 的 blog-react 項目文檔說明
基于 node + express + mongodb 的 blog-node 項目文檔說明
服務器小白的我,是如何將node+mongodb項目部署在服務器上并進行性能優化的
最后對 全棧修煉 有興趣的朋友可以掃下方二維碼關注我的公眾號
我會不定期更新有價值的內容,長期運營。
關注公眾號并回復 福利 可領取免費學習資料,福利詳情請猛戳: Python、Java、Linux、Go、node、vue、react、javaScript
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/19436.html
摘要:前言此項目是基于螞蟻金服開源的之上,用全家桶的進行再次開發的,項目已經開源,項目地址在上。項目地址開源不易,如果覺得該項目不錯或者對你有所幫助,歡迎到上給個,謝謝。 showImg(https://segmentfault.com/img/remote/1460000017116745); 前言 此 blog-react-admin 項目是基于 螞蟻金服開源的 ant design p...
摘要:前言本文講解的是做為前端開發人員,對服務器的了解還是小白的我,是如何一步步將項目部署在阿里云的服務器上,并進行性能優化,達到頁面秒內看到,秒內看到首屏內容的。搭建的項目是采用了主流的前后端分離思想的,這里只講服務器環境搭建與性能優化。 showImg(https://segmentfault.com/img/remote/1460000017143281); 前言 本文講解的是:做為前...
摘要:前言本文講解如何在項目中使用來搭建并開發項目,并在此過程中踩過的坑。具有類型系統,且是的超集,在年勢頭迅猛,可謂遍地開花。年將會更加普及,能夠熟練掌握,并使用開發過項目,將更加成為前端開發者的優勢。 showImg(https://segmentfault.com/img/remote/1460000018720573); 前言 本文講解如何在 Vue 項目中使用 TypeScript...
摘要:前言是采用了主流的前后端分離思想的,主里只講后端。項目是的進行開發的,項目已經開源,項目地址在上。路由接口主文件所有的路由接口文章各模塊的列表都是用了分頁的形式的。 showImg(https://segmentfault.com/img/remote/1460000017136149); 前言 blog-node 是采用了主流的前后端分離思想的,主里只講 后端。 blog-node ...
閱讀 2024·2021-09-30 09:47
閱讀 703·2021-09-22 15:43
閱讀 1981·2019-08-30 15:52
閱讀 2431·2019-08-30 15:52
閱讀 2540·2019-08-30 15:44
閱讀 903·2019-08-30 11:10
閱讀 3372·2019-08-29 16:21
閱讀 3296·2019-08-29 12:19