模板引擎12、13jade,14ejs
模板引擎:渲染页面的
jade
ejs 老师推荐的
jade:—破坏式、侵入式、强依赖
jade:
1、根据缩进,规定层级
2、书写属性 link(href="a.css",rel="stylesheet")
<a href="http://Xxxx">官网</a>
<!--a(href="http://Xxxx")官网-->
html
head
style
script(src="a.js")
link(href="a.css",rel="stylesheet")
body
ul
li
input(type="text",id="text1",value="222")
li
npm i jade
例子1:
jade.js
const jade = require('jade')
var str = jade.render('html');
console.log(str)
例子2:
1.jade
html
head
style
script
body
ul
li
li
jade2.js
const jade = require('jade')
var str = jade.renderFile('./1.jade',{pretty:true});
console.log(str)
ejs:—温和、弱依赖、非侵入式
npm i ejs
const ejs = require('ejs')
ejs.render()
例子2
1.ejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
我的名字叫:<%=name%>
</body>
</html>
ejs.js
const ejs = require('ejs')
ejs.renderFile('./1.ejs',{name:'xxxx'},function(err,data){
if(err){
console.log("失败")
}else{
console.log(data)
}
})