express 可以像php一样使用后台语言模板,此时最好用的模板引擎叫做ejs模板.
全称 Embedded Javascript templates 嵌入式JS模板
Api:https://ejs.bootcss.com/
安装ejs:cnpm install --save ejs
我们写一个案例index.js是一个标准express案例
var express=require("express");
var app=express();
//设置默认的模板引擎,此时express将帮你引入ejs,所以你一定要提前cnpm install ejs --save
app.set("view engine","ejs");
app.get("/",function(req,res){
res.render("index",{
"dongxi":"八个手机",
"qian":1000*8
});
})
app.listen(3000);
此时当用户访问/的时候,会自动使用views文件夹中index.ejs文件当做模板.字典就是后面传入的json.
views文件夹中的index.ejs文件:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>我买了一个<%= dongxi %>,花了<%= qian %>元</h1>
</body>
</html>
呈现的时候是这样的:
模板是服务器填充的,访问者休想看见源代码.
其实模板引擎很简单:
也可以这样进行for循环
<%
for(var i=1949;i<2017;i++){
%>
<option value=""><%= i %></option>
<%
}
%>
//注意等号是输出,具体可以看api
另外:任何JS中能够用的数据结构都可以往后台传值.