Home | 簡體中文 | 繁體中文 | 雜文 | 打賞(Donations) | Github | OSChina 博客 | 雲社區 | 雲棲社區 | Facebook | Linkedin | 知乎專欄 | 視頻教程 | About

24.7. 模板

24.7.1. 安裝模板

安裝模板

			
npm install ejs 		
			
			
			
var express = require('express');
var app = express();

app.use(express.static('public'));
app.set("view engine","ejs");
app.set('views', __dirname + '/views');  		
			
			

24.7.2. 配置模板

24.7.2.1. 閉合標籤

ejs 裡,預設的閉合標記是 <% ... %> ,我們也可以定義自己的標籤。例如:

				

app.set("view options",{  
   "open":"{{",  
   "close":"}}"  
}); 				
				
				

24.7.3. 傳遞變數

創建模板

			
neo@MacBook-Pro ~/web3.example % mkdir view
neo@MacBook-Pro ~/web3.example % vim view/account.ejs			
			
			

傳遞變數

			
app.get('/account.html', function (req, res) {
	var accounts = [ '0xB94054c174995AE2A9E7fcf6c7924635FBa8ECF7',
					  '0xf56b81a2bcb964D2806071e9Be4289A5559BB0fA',
					  '0x997e5CA600E19447D0B82aFBf9c7F00De2B39B16',
					  '0x538b392D57d867A57eE8Eed05737cB08B4691302' ];
	res.render("account",{"accounts":accounts});
})
			
			

res.render("模板檔案",{"key":value});

24.7.4. forEach

			
<h1>Users</h1>
<ul id="accounts">
    <% accounts.forEach(function(account, index){ %>
    <li><%= index %>, <%= account %></li>
    <% }) %>
</ul>