node.js+express+mysql+swig+bootstrap 搭建個人博客系統(tǒng)

花了2周的時間,用node.js+express+mysql+swig+bootstrop搭建了一個博客系統(tǒng),從在數(shù)據(jù)庫中創(chuàng)建相應(yīng)的表存儲數(shù)據(jù),到后端用node根據(jù)條件查詢數(shù)據(jù)庫返回json結(jié)果,再到前端用ajax請求node的返回結(jié)果輸出到界面上,形成了一個完整的前后端開發(fā)過程。

因為這篇文章涵蓋的內(nèi)容比較多,背后依賴的環(huán)境也比較多,所以建議有點基礎(chǔ)的人看。文章的最后會把代碼留給大家,我的數(shù)據(jù)庫是在公司的測試環(huán)境上,直接下載是運行不了的,所以需要運行代碼的小伙伴記得把數(shù)據(jù)庫的地址和用戶改掉,還有接口mysql的表名。

因為簡書gif圖只支持500m以下,所以個別我就少錄制一點因為mac的錄制文件真的很大,很郁悶。

討厭伸手黨哦,記得點贊、

項目架構(gòu)


項目主要思路

1.登錄時驗證請求接口,判斷用戶有無注冊


01.gif

2、沒有該用戶會進(jìn)行注冊,如果該用戶名已被注冊會提示,兩次密碼不一致也會提示



3、注冊之后就可以進(jìn)行登錄

4、用“超級管理員”的賬戶登錄,可進(jìn)入管理后臺



5、登錄后臺以后可查看登錄注冊的用戶
登錄注冊的用戶進(jìn)行分頁展示



6、查看博客的分類管理

7、可以進(jìn)行分類的修改和刪除操作,并且存入到數(shù)據(jù)庫當(dāng)中


8、文章的管理,可進(jìn)行文章的查看,更改,刪除操作


9、首頁會進(jìn)行文章的展示


10、點擊“閱讀全文”會進(jìn)入詳情頁,每點擊一次會記錄一次瀏覽量


這就是整體的思路和頁面效果,大家可以根據(jù)這個思路自己先試著做一做,中間遇到的坑再去看我的代碼,我的代碼也有些細(xì)節(jié)處理的不好,但是由于工作開始忙起來了,我也無心去細(xì)化了,畢竟也只是自己練習(xí)的,真實的項目肯定是在這個骨架上進(jìn)行的更加細(xì)化和嚴(yán)密。

項目技術(shù)與架構(gòu)

項目主要啟用npm包管理工具,這樣方便于管理第三方依賴,所以,首先你要確認(rèn)你安裝了node。

package.json中的dependencies就是項目需要的所有依賴。

解釋一下我們安裝的依賴包

Express:不用解釋了,是基于 Node.js 平臺的 web 應(yīng)用開發(fā)框架

body-parser:body-parser是一個HTTP請求體解析中間件,使用這個模塊可以解析JSON、Raw、文本、URL-encoded格式的請求體,Express框架中就是使用這個模塊做為請求體解析中間件。

cookie-parser:cookie-parser是一個非常好用方便的插件,用來存儲用戶信息

express-session:也是用來存儲用戶信息的

swig:是一個前端模板,可以方便把后臺信息直接渲染到頁面上,這樣的模板有很多,之所以選用swig,就是因為不用改任何后綴,html文件可以方便瀏覽器的調(diào)試。

mysql:數(shù)據(jù)庫

markdown:沒有做那么深入,所以沒有用上,但是做博客的時候,用這個是很方便的。

整個項目架構(gòu)


根據(jù)以上信息,小伙伴就可以著手進(jìn)行操作了,等有時間我會把代碼上傳,分享給大家。


小禮物可以走一走~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,551評論 19 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,008評論 25 709
  • 《清早》 清早,床上的我 久久醒不來 我做了一個夢 夢到你我開始的地方 林蔭道 梧桐葉 拱石橋 和左側(cè)的愛情湖 回...
    一言寸土閱讀 375評論 4 3
  • CNBLUEone閱讀 2,540評論 0 0
  • 《我們仨》這本書是由享年105歲,今年剛剛離世的楊絳老先生所寫的一本它回憶了以前一家三口快樂而艱難,愛與痛的日子...
    luboliao閱讀 293評論 0 0

友情鏈接更多精彩內(nèi)容