1. 程式人生 > >模板引擎ejs簡單介紹

模板引擎ejs簡單介紹

模板引擎:

將資料與標籤分離開來,這樣就不需要前面寫的學生管理系統那樣,在頁面顯示資訊通過字串的拼接的方式,而是直接用ejs模板引擎,將伺服器端傳過來的資料在頁面直接顯示出來,不會那樣的麻煩了。

ejs內部使用js程式碼,按照js的語法,內容都寫在<% %>中

基本語法:

<% %> :內容直接寫js程式碼,遵循js語法

<%= %>: 輸出內部的內容(不識別標籤,按照純文字輸出)

<% -%> : 輸出內部的內容(識別標籤,以讀取標籤的形式輸出內容)

模板中,只有一個根元素,模板引擎ejs要在node中使用必須安裝,是一個第三方的模組,匯入之後,必須設定模板引擎,app.set('views','./views'); app.set('view engine','ejs')。

在前面的基礎上,以前建立三個資料夾用來存放各種檔案,www,router, models,現在多了一個可以作為模板引擎的資料夾views(用來存放模板引擎,相當一html,只是把檔案的字尾改成.ejs),後端的返回過來用的是render(‘引數1’,{引數2})引數1是個要渲染的模板.ejs檔案,第二個引數是個物件,要返回給模板頁面的資料,現在修改學生管理系統,把需要在頁面顯示後端傳遞過來資料的html放在views資料夾中,並改字尾.ejs,這樣可以直接在<% %> 輸出伺服器端返過來的資料。