專利白酒 + 非遺工藝：青小樂白瓶 52 度白酒 500ml*6 瓶整箱 88 元
阿新 • • 發佈：2021-10-15
模板引擎的目的就是在固定模板結構中渲染不同的資料，通常是JSON資料
在NodeJS中使用的是ejs模板引擎
首先我們要安裝ejs依賴
npm install --save ejs
模板檔案index.ejs，字尾名為ejs
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>我是<%=name%></h1> </body> </html>
app.js
var express = require("express"); var app = express(); // 設定預設的模板引擎為ejs app.set("view engine","ejs"); // 指的是設定對應的模板引擎資料夾，也就是模板引擎回去固定的資料夾中找ejs檔案，預設是views資料夾app.set("views") app.get("/",function(req,res){ res.render("index",{ "name":"小明" }) }) app.listen(3000,function(){ console.log("監聽3000埠") })
注意：
views資料夾可以改變，使用下面的語句，在第二個引數設定對應的模板資料夾名稱，第一個引數必須是views，
預設不寫第二個引數表示模板引擎資料夾為views
app.set("views","templates");
模板的拓展名必須是.ejs結尾的檔案，但是在render的時候不需要寫拓展名
我們看下面的案例：
index.ejs
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1> 選單 <% for(var i=0;i<caipin.length;i++){ %> <%=caipin[i]%> <% } %> </h1> </body> </html>
app.js
var express = require("express"); var app = express(); // 設定預設的模板引擎為ejs app.set("view engine","ejs"); // 指的是設定對應的模板引擎資料夾，也就是模板引擎回去固定的資料夾中找ejs檔案，預設是views資料夾 app.set("views") app.get("/",function(req,res){ res.render("index",{ "caipin" : ["水煮魚","火鍋","墨魚仔","勁仔小魚","烤肉"] }) }) app.listen(3000,function(){ console.log("監聽3000埠") })
注意：
模板引擎可以使用迴圈語句
<%%>表示的是設定模板引擎作用域，內部多用於迴圈和判斷語句
<%=%>表示的是輸出語句