Nodejs常用模板引擎
阿新 • • 發佈：2018-11-08
一、 模板引擎的介紹
在一個web應用程式中，如果只是使用伺服器端程式碼來編寫客戶端html程式碼，前後端不分離，那麼會造成很大的工作量，而且寫出來的程式碼會比較難以閱讀和維護。如果只是使用客戶端的靜態的HTML檔案，那麼後端的邏輯也會比較難以融入到客戶端的HTML程式碼中。
為了便於維護，且使後端邏輯能夠比較好的融入前端的HTML程式碼中，同時便於維護，很多第三方開發者就開發出了各種Nodejs模板引擎，其中比較常用的就是Jade模板引擎和Ejs 模板引擎。
二、 Jade模板引擎的使用方法 首先，需要使用包管理工具npm下載，下載的方式非常的簡單，如下：
下載完成之後，因為我們的模板檔案放在目錄views裡面，可以通過view engine內部變數值設定為”jade ”的方式，來使用jade模板引擎，設定程式碼如下： app.set(‘view engine’, ‘jade’ );
預設情況下，express引用程式中的所有檢視檔案都是在專案根目錄的views資料夾裡面的，可以通過設定views內部變數的值的方法顯示指定檢視檔案的存放路徑，方法如下： app.set(‘views’, ——dirname+’/views’)
那麼，在express框架中，響應伺服器的請求的時候，可以使用響應物件的方法render來渲染檢視，返回給客戶端，程式碼如下：
方法裡面有三個引數，view引數就是模板檢視的檔案的名字，是一個字串，指定需要返回給客戶端的模板檢視，locals引數值為一個物件，用於指定檢視所用的資料的變數的值或者名字，callback為回撥函式，其中local和callback兩個引數是可選引數。例如 res.render（‘index’，{data：‘這裡是資料物件的值’}）
三、Ejs模板引擎的使用方法 接下來我們介紹一下ejs模板引擎的使用方法，首先，同樣的需要使用npm包管理工具安裝esj模板引擎，程式碼如下
下載了EJS模板引擎之後，可以在整個專案的根目錄下的views檔案 中，建立副檔名字為ejs的模板檔案，模板檔案的寫法和HTML的寫法大致相同，沒有太大的區別，輸出表達式寫成 <%s=輸出表達式%> 可以像在php檔案或者asp.net檔案中一樣，混寫伺服器端nodejs指令碼，攪拌寫在<%指令碼語言%>中
同樣的，在伺服器端接收到客戶端的請求後，在express框架的web應用程式中，可以通過render方法返回給html，示例程式碼如下： res.render(‘index’, {data : ‘這裡是資料的值得’})
第一個引數為模板，可以加字尾如：index.ejs，或者省略，第二個引數為資料物件，那麼我們用資料物件的名字變數 ，去寫模板檢視，那麼響應給客戶端的就是一個完整的html。
四、 總結 除了以上兩個模板引擎以外，nodejs還有很多的模板引擎可以使用，例如Haml模板引擎、CoffeeKup模板引擎以及jQuery模板引擎等等，只是我們介紹的這兩種是現在比較主流的，使用的比較多的，其他的用法差異並不是非常的大，要學會舉一反三，當然，我們只是初略的介紹了jade模板引擎和ejs模板引擎的用法，想要熟練的掌握，還得需要自行寫程式碼聯絡驗證，畢竟，實踐出真知。 本文來源：http://bbs.itsource.cn/thread-1701-1-1.html
二、 Jade模板引擎的使用方法 首先，需要使用包管理工具npm下載，下載的方式非常的簡單，如下：
下載完成之後，因為我們的模板檔案放在目錄views裡面，可以通過view engine內部變數值設定為”jade ”的方式，來使用jade模板引擎，設定程式碼如下： app.set(‘view engine’, ‘jade’ );
預設情況下，express引用程式中的所有檢視檔案都是在專案根目錄的views資料夾裡面的，可以通過設定views內部變數的值的方法顯示指定檢視檔案的存放路徑，方法如下： app.set(‘views’, ——dirname+’/views’)
那麼，在express框架中，響應伺服器的請求的時候，可以使用響應物件的方法render來渲染檢視，返回給客戶端，程式碼如下：
方法裡面有三個引數，view引數就是模板檢視的檔案的名字，是一個字串，指定需要返回給客戶端的模板檢視，locals引數值為一個物件，用於指定檢視所用的資料的變數的值或者名字，callback為回撥函式，其中local和callback兩個引數是可選引數。例如 res.render（‘index’，{data：‘這裡是資料物件的值’}）
三、Ejs模板引擎的使用方法 接下來我們介紹一下ejs模板引擎的使用方法，首先，同樣的需要使用npm包管理工具安裝esj模板引擎，程式碼如下
下載了EJS模板引擎之後，可以在整個專案的根目錄下的views檔案 中，建立副檔名字為ejs的模板檔案，模板檔案的寫法和HTML的寫法大致相同，沒有太大的區別，輸出表達式寫成 <%s=輸出表達式%> 可以像在php檔案或者asp.net檔案中一樣，混寫伺服器端nodejs指令碼，攪拌寫在<%指令碼語言%>中
同樣的，在伺服器端接收到客戶端的請求後，在express框架的web應用程式中，可以通過render方法返回給html，示例程式碼如下： res.render(‘index’, {data : ‘這裡是資料的值得’})
第一個引數為模板，可以加字尾如：index.ejs，或者省略，第二個引數為資料物件，那麼我們用資料物件的名字變數 ，去寫模板檢視，那麼響應給客戶端的就是一個完整的html。
四、 總結 除了以上兩個模板引擎以外，nodejs還有很多的模板引擎可以使用，例如Haml模板引擎、CoffeeKup模板引擎以及jQuery模板引擎等等，只是我們介紹的這兩種是現在比較主流的，使用的比較多的，其他的用法差異並不是非常的大，要學會舉一反三，當然，我們只是初略的介紹了jade模板引擎和ejs模板引擎的用法，想要熟練的掌握，還得需要自行寫程式碼聯絡驗證，畢竟，實踐出真知。 本文來源：http://bbs.itsource.cn/thread-1701-1-1.html