《差不多先生》
我是差不多先生,我的差不多是天生。也代表我很天真,也代表我是個閑人。這差不多的人生,總是見縫插針。
求學的道路上總是孤獨的,即使別人不理解我,認為我是奇葩!但沒關系,我會堅持走我自己的路,能被你們影響到的話那就不是我了!(Keep Real!)
學習的道路不能停止!繼續!
模板:
前端顯示的動態數據有一部分是Ajax獲取,也有一部分是用模板渲染出來的。
index.ejs首頁的動態數據都是從Ajax請求回來對上JS模板輸出出來的。
首先看看后台NodeJS對於POST請求回來之后的處理函數:
在這里看到我每次請求都只是返回10條數據,這樣可以大大優化查詢的數據,然后用數據返回JSON格式。
JavaScript模板:
Ajax獲取數據放到JavaScript模板里,由JavaScript渲染出來:
分類文章頁面(原理都一樣,在這我只選擇其中一個):
關於JavaScript的文章
詳情介紹可以看:用Node.JS+MongoDB搭建個人博客(萬眾期待的router.js)(四) 的第六部分。
分類文章只是在查詢數據庫的時候加多個條件,在這里寫了四個一樣的查詢方法,其實都可以簡化成一個。但我的目標是前端,等把前端的知識差不多消化掉了我再進一步進攻NodeJS領域!
留言區頁面(一句話:千萬不要相信用戶輸入的東西。):
評論區頁面的發表評論就不說了,就是Ajax提交數據,后台接收數據保存數據庫。具體代碼可看評論頁面的模板:comment.ejs
在這里我們看到渲染數據的時候,首先{{}}里面第一個有個 “=” 的意思是以字符串的形式顯示出來,不會執行HTML代碼(包括腳本),加上replace是雙重防止XSS攻擊。
最后說幾句,做這個系統的時候我只是單純出於對NodeJS好奇我才學得它,這個個人博客系統我已停止更新,專注前端。我很喜歡NodeJS,以后有機會接觸NodeJS再來總結。