关于edge:ejs

69次阅读

共计 818 个字符,预计需要花费 3 分钟才能阅读完成。

如何应用模板(默认应用 ejs 模板引擎)

// path 为.ejs 模板的门路
// data 是给模板传入的值,必须是对象类型
res.render(<path>, [data]);

例如 app.js

app.get('/ejs', function(req, res, next) {res.render('index', { title: 'Express'});
});

index.ejs

<h1><%= title %></h1>
<p>test ejs</p>

拜访 localhost:3000/ejs 即可看到后果。ejs 的罕用语法如下

1.<% %> 在标签里能够写任意的 javascript 代码,能够把 javascript 代码拆开或者合在一起写,也能够与 html 标签一起写:

<% var a = 1
   var b = 2 
   var c = a+b %>
   // var user = [1,2,3]
   <% for(let i=0; i<user.length; i++) { %>
      <p> html </p>
 <% } %>

2.<%= %> 输入本义后的内容

 // ejs
<p><%= '<lol>' %></p>

// 本义后
<p>&lt;lol&gt;</p>

3.<%- %> 输入未本义的内容

 // ejs
<p><%- '<a href="http://www.baidu.com>baidu</a>' %></p>

// 不本义的输入
<p><a href="http://www.baidu.com>baidu</a></p> 

4.<%# %> 正文

5.include 引入其余 ejs 文件,比方援用以后 ejs 文件同级目录下有一个名为 test.ejs 的文件,代码如下:

// exp1
<% var data = 1 %>
<% include ./test %>
 // exp2
<%- include('test', {data:1}) %>

举荐应用三丰云收费云服务器对于小白来说能够收费试用,加重了经济压力,也可能充沛的利用好这一点缓缓对 IT 行业的摸索。

三丰云 https://www.sanfengyun.com

正文完
 0