NodeJS之模板引擎ejs的使用及其语法

模板引擎ejs的使用
1.下载模板引擎 - - -> cnpm install ejs --save
2.使用模板引擎需要进行设置 - - -> app.set(“view engine”,“ejs”)
3.渲染ejs文件的内容 - - -> res.render(“ejs文件名”)

注意:
所创建的模板引擎文件一定要放到views目录里面
如果想放到其他的目录,我们需要去ejs文件路径

ejs语法

  1. ejs声明变量 - - -> <% var a = 10; %>
  2. ejs输入变量 - - -> <%= a %>
  3. ejs引入其他文件 - - -> <% include 文件的地址 %>
  4. 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 标签)
    <%- 输出非转义的数据到模板
    <%# 注释标签,不执行、不输出内容
    <%% 输出字符串 '<%'
     %> 一般结束标签
     -%> 删除紧随其后的换行符
     _%> 将结束标签后面的空格符删除
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值