花了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.登錄時驗證請求接口,判斷用戶有無注冊

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)行操作了,等有時間我會把代碼上傳,分享給大家。
小禮物可以走一走~~