花了2周的時(shí)間，用node.js+express+mysql+swig+bootstrop搭建了一個(gè)博客系統(tǒng)，從在數(shù)據(jù)庫(kù)中創(chuàng)建相應(yīng)的表存儲(chǔ)數(shù)據(jù)，到后端用node根據(jù)條件查詢數(shù)據(jù)庫(kù)返回json結(jié)果，再到前端用ajax請(qǐng)求node的返回結(jié)果輸出到界面上，形成了一個(gè)完整的前后端開發(fā)過(guò)程。
因?yàn)檫@篇文章涵蓋的內(nèi)容比較多，背后依賴的環(huán)境也比較多，所以建議有點(diǎn)基礎(chǔ)的人看。文章的最后會(huì)把代碼留給大家，我的數(shù)據(jù)庫(kù)是在公司的測(cè)試環(huán)境上，直接下載是運(yùn)行不了的，所以需要運(yùn)行代碼的小伙伴記得把數(shù)據(jù)庫(kù)的地址和用戶改掉，還有接口mysql的表名。
因?yàn)楹?jiǎn)書gif圖只支持500m以下，所以個(gè)別我就少錄制一點(diǎn)因?yàn)閙ac的錄制文件真的很大，很郁悶。
討厭伸手黨哦，記得點(diǎn)贊、
項(xiàng)目架構(gòu)
項(xiàng)目主要思路
1.登錄時(shí)驗(yàn)證請(qǐng)求接口，判斷用戶有無(wú)注冊(cè)
2、沒有該用戶會(huì)進(jìn)行注冊(cè)，如果該用戶名已被注冊(cè)會(huì)提示，兩次密碼不一致也會(huì)提示
3、注冊(cè)之后就可以進(jìn)行登錄
4、用“超級(jí)管理員”的賬戶登錄，可進(jìn)入管理后臺(tái)
5、登錄后臺(tái)以后可查看登錄注冊(cè)的用戶
登錄注冊(cè)的用戶進(jìn)行分頁(yè)展示
6、查看博客的分類管理
7、可以進(jìn)行分類的修改和刪除操作，并且存入到數(shù)據(jù)庫(kù)當(dāng)中
8、文章的管理，可進(jìn)行文章的查看，更改，刪除操作
9、首頁(yè)會(huì)進(jìn)行文章的展示
10、點(diǎn)擊“閱讀全文”會(huì)進(jìn)入詳情頁(yè)，每點(diǎn)擊一次會(huì)記錄一次瀏覽量
這就是整體的思路和頁(yè)面效果，大家可以根據(jù)這個(gè)思路自己先試著做一做，中間遇到的坑再去看我的代碼，我的代碼也有些細(xì)節(jié)處理的不好，但是由于工作開始忙起來(lái)了，我也無(wú)心去細(xì)化了，畢竟也只是自己練習(xí)的，真實(shí)的項(xiàng)目肯定是在這個(gè)骨架上進(jìn)行的更加細(xì)化和嚴(yán)密。
項(xiàng)目技術(shù)與架構(gòu)
項(xiàng)目主要啟用npm包管理工具，這樣方便于管理第三方依賴，所以，首先你要確認(rèn)你安裝了node。
package.json中的dependencies就是項(xiàng)目需要的所有依賴。
解釋一下我們安裝的依賴包
Express：不用解釋了，是基于 Node.js 平臺(tái)的 web 應(yīng)用開發(fā)框架
body-parser：body-parser是一個(gè)HTTP請(qǐng)求體解析中間件，使用這個(gè)模塊可以解析JSON、Raw、文本、URL-encoded格式的請(qǐng)求體，Express框架中就是使用這個(gè)模塊做為請(qǐng)求體解析中間件。
cookie-parser：cookie-parser是一個(gè)非常好用方便的插件，用來(lái)存儲(chǔ)用戶信息
express-session：也是用來(lái)存儲(chǔ)用戶信息的
swig：是一個(gè)前端模板，可以方便把后臺(tái)信息直接渲染到頁(yè)面上，這樣的模板有很多，之所以選用swig，就是因?yàn)椴挥酶娜魏魏缶Y，html文件可以方便瀏覽器的調(diào)試。
mysql：數(shù)據(jù)庫(kù)
markdown：沒有做那么深入，所以沒有用上，但是做博客的時(shí)候，用這個(gè)是很方便的。
整個(gè)項(xiàng)目架構(gòu)
根據(jù)以上信息，小伙伴就可以著手進(jìn)行操作了，等有時(shí)間我會(huì)把代碼上傳，分享給大家。
小禮物可以走一走~~
