用Node.JS+MongoDB搭建我的博客（頁面模板）（五）（結束） 用Node.JS+MongoDB搭建我的博客（萬衆期待的router.js）（四）

《差很少先生》

我是差很少先生，個人差很少是天生。也表明我很天真，也表明我是個閒人。這差很少的人生，老是見縫插針。

求學的道路上老是孤獨的，即便別人不理解我，認爲我是奇葩！但不要緊，我會堅持走我本身的路，能被大家影響到的話那就不是我了！（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再來總結。