Express框架(7) EJS Layout

設定樣板

我們可以新增一個 layout.ejs 作為樣板頁面使用,layout裡加入 <%- body %> 語法,會將其他ejs檔內容匯入。

在其他ejs上,只須加上一行 <% layout('樣板檔案名稱') %>,就可將樣板帶入。

路由導入參數

在res.render裡面第一個參數是指定ejs樣板,第二個參數則可帶入一個物件,裡頭是要選染的變數資料。

1
2
<%= 變數名稱 %>  // 將參數當作純字串渲染
<%- 變數名稱 %> // 將參數當作html渲染

流程判斷

在ejs裡,也可加入if else的判斷,假設我有一個show的變數

在ejs裡一樣可以用 <% %>在裏頭寫邏輯判斷

假設show是true則渲染內容,false則不渲染。

列表渲染

ejs也可以渲染陣列,假設有一個course陣列如下:

在ejs裡一樣可以用 for 語法去渲染陣列出來