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