• node ejs简介 ejs语法总结 include()方法


    一、ejs简介

    ejs是一套简单的模板语言,在Node后端可以使用ejs模板引擎将json 数据渲染生成html 页面。

    特点:

    ​ 纯JavaScript

    ​ 快速开发

    ​ 执行快速

    ​ 语法简单

    1) 安装:

    ​ npm i ejs

    2)配置

    // 配置ejs,将ejs 设置为默认的模板引擎。express可是使用的模板引擎还有pug、jade等

    app.set("view engine","ejs");

    // 指定模板文件的存放目录,默认是views文件夹,一般不建议修改

    // app.set("views","./templates");

    二、ejs 语法总结

    <%= 输出数据到模板

    <% 脚本标签,用于流程控制,无输出

    <%_ 删除其前面的空格符

    <%- 输出非转义的数据到模板

    <%# 注释标签,不执行,不输出内容

    <%% 输出字符串

    %> 一般结束标签

    _%> 将结束标签后面的空格符删除

    循环和判断

        <% for(let i=0;i<result.length;i++){ %>   
          <tr>
            <td><%= result[i].name %></td>
            <td><%=  result[i].age  %></td>
            <% if(result[i].sex=="男"){ %>
              <td class="red"><%=  result[i].sex  %></td>
            <% }else{ %>
              <td class="green"><%=  result[i].sex  %></td>
            <% } %>
          </tr>
        <% } %>
    

    三、 include() 方法

    当页面的结构比较复杂时,可以将页面按布局拆分为多个模板文件,然后使用 include() 引入。

    <%- include("header.ejs") %>

    如果需要在包含的模板中渲染数据,将数据作为include()的第二个参数传入

    <%- include("leftmenu",stu) %>

  • 相关阅读:
    hihocoder 1664
    hihocoder 1654
    javascript高级程序设计学习小结3
    javascript高级程序设计小结2
    javascript高级程序设计学习小结1
    js中原型和原型链理解
    javascript对象封装的常用方式
    vue学习总结2
    vue学习小结1
    JS中一些常用的代码块
  • 原文地址:https://www.cnblogs.com/bnzw/p/13945214.html
Copyright © 2020-2023  润新知