模板引擎ejs的使用
1.下载模板引擎 - - -> cnpm install ejs --save
2.使用模板引擎需要进行设置 - - -> app.set(“view engine”,“ejs”)
3.渲染ejs文件的内容 - - -> res.render(“ejs文件名”)
注意:
所创建的模板引擎文件一定要放到views目录里面
如果想放到其他的目录,我们需要去ejs文件路径
ejs语法
- ejs声明变量 - - -> <% var a = 10; %>
- ejs输入变量 - - -> <%= a %>
- ejs引入其他文件 - - -> <% include 文件的地址 %>
- ejs遍历数据
数组 - 实例:
<% var arr = ["张三","李四","王五"]%>
<% for(var i=0; i<arr.length;i++){ %>
<%= arr[i] %>
<% } %>
对象 - 实例:
<% var obj = {name : jack} %>
<%= obj.name%>
<% var obj = {name : jack, pass:123456, age :20} %>
<% for(val in obj){ %>
<%= obj[val] %>
<% } %>
ejs的安装方法:
1:手工安装 cnpm install ejs --save
2:脚手架安装
- 全局安装express-generator - - -> npm install express-generator -g
- 使用express命令创建项目 - - -> express --view=ejs 项目名称
- express创建的项目中文件夹和文件的释义
文件夹:
views 保存模板引擎文件
public 静态资源服务器的文件夹
node_modules 保存的项目所需要的依赖文件
bin 保存的启动项目的配置文件
routes 保存的是路由文件
文件:
app.js 项目的入口文件
index.ejs 首页的模板引擎文件
router.js 路由配置文件
www 启动项目的文件
ejs语法后续
<%_ 删除其前面的空格符
<%= 输出数据到模板(输出是转义 HTML 标签)
<%- 输出非转义的数据到模板
<%# 注释标签,不执行、不输出内容
<%% 输出字符串 '<%'
%> 一般结束标签
-%> 删除紧随其后的换行符
_%> 将结束标签后面的空格符删除