資訊專欄INFORMATION COLUMN
摘要：前言此項(xiàng)目是用于構(gòu)建博客網(wǎng)站的，由三部分組成，包含前臺(tái)展示管理后臺(tái)和后端。體驗(yàn)地址網(wǎng)站主頁網(wǎng)站首頁管理后臺(tái)計(jì)劃這次是一個(gè)完整的全棧式開發(fā)，只要部署了這三個(gè)項(xiàng)目的代碼，是完全可以搭建好博客網(wǎng)站的。
前言
此項(xiàng)目是用于構(gòu)建博客網(wǎng)站的，由三部分組成，包含前臺(tái)展示、管理后臺(tái)和后端。
此項(xiàng)目是基于 react + node + express + ant + mongodb 的，項(xiàng)目已經(jīng)開源，項(xiàng)目地址在 github 上，喜歡的，歡迎給個(gè) star 。
項(xiàng)目地址：
前臺(tái)展示: https://github.com/biaochenxuying/blog-react1. 效果圖 1.1 前臺(tái)展示
管理后臺(tái)：https://github.com/biaochenxuying/blog-react-admin
后端：https://github.com/biaochenxuying/blog-node
效果圖：
移動(dòng)端適配
pc 端
前臺(tái)展示目前只支持 pc 端。
1.2 管理后臺(tái)管理后臺(tái)是在螞蟻金服用戶開源的 ANT DESIGN PRO 基礎(chǔ)上進(jìn)行開發(fā)的。
2. 體驗(yàn)地址網(wǎng)站主頁： http://biaochenxuying.cn/main.html
網(wǎng)站首頁：http://biaochenxuying.cn/
管理后臺(tái)：https://preview.pro.ant.design/user/login
3. 計(jì)劃這次是一個(gè)完整的全棧式開發(fā)，只要部署了這三個(gè)項(xiàng)目的代碼，是完全可以搭建好博客網(wǎng)站的。
作為一個(gè)后端的小白，在這次開發(fā)中，小汪也遇到了很多問題。
往后的時(shí)間里，我會(huì)就這三個(gè)項(xiàng)目，推出相應(yīng)的三篇文章教程或者說明和踩到的坑，敬請(qǐng)期待。
4. 收獲與感觸學(xué)而不用，基本等于沒學(xué)，所以為了有 react 相關(guān)的技術(shù)棧的實(shí)戰(zhàn)經(jīng)驗(yàn)，所以用了 react ，而且后端技術(shù) node.js 和 mongodb 也是這一個(gè)多月里現(xiàn)學(xué)現(xiàn)用的，所以項(xiàng)目中肯定還有很多我不知道的實(shí)用技巧，如果寫的不好的地方，請(qǐng)大家指出。
網(wǎng)站前端部分如果用 vue 相關(guān)技術(shù)棧來完成的話，會(huì)更好更快，因?yàn)楸救藢ｉL的是 vue 相關(guān)的技術(shù)棧。
因?yàn)樽罱恢痹谧鲎约旱膫€(gè)人博客網(wǎng)站，所以好久沒更新技術(shù)文章了；而且是利用業(yè)余時(shí)間做的，所以經(jīng)過差不多兩個(gè)月的搬磚，現(xiàn)在網(wǎng)站終于都上線了。
開發(fā)網(wǎng)站的這段時(shí)間里，每天晚上幾乎都搬磚到接近 11 點(diǎn)，周末的時(shí)間大多也在搬磚，今晚寫完這篇文章，也快 12 點(diǎn)了，搬磚不易啊，喜歡或者覺得不錯(cuò)的，歡迎到 github 上給個(gè) star，謝謝。
5. 文檔教程項(xiàng)目地址：
前臺(tái)展示: https://github.com/biaochenxuying/blog-react管理后臺(tái)：https://github.com/biaochenxuying/blog-react-admin
后端：https://github.com/biaochenxuying/blog-node
blog：https://github.com/biaochenxuying/blog
本博客系統(tǒng)的系列文章：
react + node + express + ant + mongodb 的簡潔兼時(shí)尚的博客網(wǎng)站
react + Ant Design + 支持 markdown 的 blog-react 項(xiàng)目文檔說明
基于 node + express + mongodb 的 blog-node 項(xiàng)目文檔說明
服務(wù)器小白的我,是如何將node+mongodb項(xiàng)目部署在服務(wù)器上并進(jìn)行性能優(yōu)化的
最后對(duì) 全棧修煉 有興趣的朋友可以掃下方二維碼關(guān)注我的公眾號(hào)
我會(huì)不定期更新有價(jià)值的內(nèi)容，長期運(yùn)營。
關(guān)注公眾號(hào)并回復(fù) 福利 可領(lǐng)取免費(fèi)學(xué)習(xí)資料，福利詳情請(qǐng)猛戳： Python、Java、Linux、Go、node、vue、react、javaScript
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/19436.html
摘要：前言此項(xiàng)目是基于螞蟻金服開源的之上，用全家桶的進(jìn)行再次開發(fā)的，項(xiàng)目已經(jīng)開源，項(xiàng)目地址在上。項(xiàng)目地址開源不易，如果覺得該項(xiàng)目不錯(cuò)或者對(duì)你有所幫助，歡迎到上給個(gè)，謝謝。 showImg(https://segmentfault.com/img/remote/1460000017116745); 前言 此 blog-react-admin 項(xiàng)目是基于 螞蟻金服開源的 ant design p...
摘要：前言本文講解的是做為前端開發(fā)人員，對(duì)服務(wù)器的了解還是小白的我，是如何一步步將項(xiàng)目部署在阿里云的服務(wù)器上，并進(jìn)行性能優(yōu)化，達(dá)到頁面秒內(nèi)看到，秒內(nèi)看到首屏內(nèi)容的。搭建的項(xiàng)目是采用了主流的前后端分離思想的，這里只講服務(wù)器環(huán)境搭建與性能優(yōu)化。 showImg(https://segmentfault.com/img/remote/1460000017143281); 前言 本文講解的是：做為前...
摘要：前言本文講解如何在項(xiàng)目中使用來搭建并開發(fā)項(xiàng)目，并在此過程中踩過的坑。具有類型系統(tǒng)，且是的超集，在年勢頭迅猛，可謂遍地開花。年將會(huì)更加普及，能夠熟練掌握，并使用開發(fā)過項(xiàng)目，將更加成為前端開發(fā)者的優(yōu)勢。 showImg(https://segmentfault.com/img/remote/1460000018720573); 前言 本文講解如何在 Vue 項(xiàng)目中使用 TypeScript...
摘要：前言是采用了主流的前后端分離思想的，主里只講后端。項(xiàng)目是的進(jìn)行開發(fā)的，項(xiàng)目已經(jīng)開源，項(xiàng)目地址在上。路由接口主文件所有的路由接口文章各模塊的列表都是用了分頁的形式的。 showImg(https://segmentfault.com/img/remote/1460000017136149); 前言 blog-node 是采用了主流的前后端分離思想的，主里只講 后端。 blog-node ...
摘要：建立該倉庫的目的主要是整理收集學(xué)習(xí)資源，統(tǒng)一管理，方便隨時(shí)查找。目前整合的學(xué)習(xí)資源只是前端方向的，可能會(huì)存在漏缺比較好的資源，需要慢慢的完善它，歡迎在該上補(bǔ)充資源或者提供寶貴的建議。 說明 平時(shí)的學(xué)習(xí)資源都比較的凌亂，看到好的資源都是直接收藏在瀏覽器的收藏夾中，這樣其實(shí)并不方便，整理在云筆記上，也不方便查看修改記錄，索性就整理在 github 上并開源出來，希望幫助大家能夠更快的找到需...
閱讀 2097·2021-09-30 09:47
閱讀 772·2021-09-22 15:43
閱讀 2048·2019-08-30 15:52
閱讀 2495·2019-08-30 15:52
閱讀 2648·2019-08-30 15:44
閱讀 984·2019-08-30 11:10
閱讀 3428·2019-08-29 16:21
閱讀 3359·2019-08-29 12:19
