node.js+express+mysql+swig+bootstrap 搭建個人博客系統

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

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

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

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

項目架構


項目主要思路

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


01.gif

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:沒有做那么深入,所以沒有用上,但是做博客的時候,用這個是很方便的。

整個項目架構


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


小禮物可以走一走~~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,363評論 6 532
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,497評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,305評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,962評論 1 311
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,727評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,193評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,257評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,411評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,945評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,777評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,978評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,519評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,216評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,642評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,878評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,657評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,960評論 2 373

推薦閱讀更多精彩內容

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