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