EJS模板介绍

来源:互联网 发布:js年龄正则表达式 编辑:程序博客网 时间:2024/05/28 16:25

2016-5-17

1、EJS的用法

通俗的说就是建立母版(母版可以重复利用资源,维护方便,开发起来只需关注当前页变动的东西,固定不变的全部放到母版页,可以理解为前任栽树后人乘凉,省时,省力,省心。)

2、EJS的两种配置(第二种方便)

a.

app.set("views engine","ejs");--需要更改后缀名为ejs不方便

b.

app.set("views",__dirname+"/client/page");--设置视图目录

app.engine("html",myejs.__express);--设置引擎渲染文档类型

app.set("views engine","html");--启动视图引擎

--这种方法无需更改后缀 

3、链接起html

app.get("/testEjs.html",function(req,resp){

console.log("测试");--测试是否进入

var user={};

var myuser=[];

user.name="zhangsan";

user.pwd="123";

myuser.push(user);--push方法添加

myuser.push(user);

resp.render("testEjs.html",{myuser:myuser});

});

4、在html页面的变量参数写法(<%=变量%>)

HTML

<body>

<h1>foreach循环</h1>

<%myuser.forEach(function(a){%>

<h3>账号:<%=a.name%></h3>

<h3>密码:<%=a.pwd%></h3>

<%})%>

</body>

--<%=%>里面的内容就是EJS的内容 多个页面都可以使用

5、在html中导入其他html(比如导航)--include

<%-include("nav.html")%>







0 0