- 使用ejs的過程
0 . 導(dǎo)入第三方包ejs
1 . 設(shè)置模板
2 . 設(shè)置數(shù)據(jù)
3 . 使用數(shù)據(jù)渲染模板
-
- 設(shè)置模板
模板一般由字符串組成,一般會(huì)把變化的東西以及系統(tǒng)無法系統(tǒng)的東西作為對(duì)應(yīng)的參數(shù)
語法規(guī)則:<%%>組成,把變化的東西和系統(tǒng)無法識(shí)別的東西放在%中
一般如果是一個(gè)變化的值一般需要設(shè)置一個(gè)等號(hào),等號(hào)需要和%連接在一起不能設(shè)置空格
var template = '我要買一個(gè)iphone<%= a%>s';
-
- 設(shè)置數(shù)據(jù)
- 數(shù)據(jù)一般是一個(gè)字典
var tempDict = {a:8};
-
- 使用數(shù)據(jù)渲染模板
- render方法第一個(gè)參數(shù)表示對(duì)應(yīng)的模板,第二個(gè)參數(shù)表示數(shù)據(jù)
var html = ejs.render(template,tempDict);
實(shí)現(xiàn)的完整代碼:
//導(dǎo)入第三方包ejs
var ejs = require('ejs');
/*使用ejs的過程
* 1.設(shè)置模板
* 2.設(shè)置數(shù)據(jù)
* 3.使用數(shù)據(jù)渲染模板*/
/*1.設(shè)置模板
* 模板一般由字符串組成,一般會(huì)把變化的東西以及系統(tǒng)無法系統(tǒng)的東西作為對(duì)應(yīng)的參數(shù)
* 語法規(guī)則:<%%>組成,把變化的東西和系統(tǒng)無法識(shí)別的東西放在%中
* 一般如果是一個(gè)變化的值一般需要設(shè)置一個(gè)等號(hào),等號(hào)需要和%連接在一起不能設(shè)置空格*/
var template = '買iPhone<%= a%>s';
/*2.設(shè)置數(shù)據(jù),數(shù)據(jù)一般是一個(gè)字典*/
var tempDict = {a:8};
/*3.使用數(shù)據(jù)渲染模板
* render方法第一個(gè)參數(shù)表示對(duì)應(yīng)的模板,第二個(gè)參數(shù)表示數(shù)據(jù)*/
var html = ejs.render(template,tempDict);
console.log(html);