模板引擎ejs详解

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了模板引擎ejs详解相关的知识,希望对你有一定的参考价值。

singsingasong.js:

const ejs=require(‘ejs‘);

ejs.renderFile(‘./views/singsingasong.ejs‘, {‘name‘:‘singsingasong‘,json: {arr: [
  {user: ‘blue‘, pass: ‘123456‘},
  {user: ‘zhangsan‘, pass: ‘654321‘},
  {user: ‘xiaoming‘, pass: ‘999999‘},
]}}, function (err, data){
  console.log(data);
});

singsingasong.ejs :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
    <title>zhagnwen‘s ejs-测试</title>
</head>
<body>
    <div>
        <%= name %>
        <%= json.arr[0].user%>
        <%= json.arr[0].pass%>
        <%= 13 %> + <%= 4 %>

        <!-- 等号 是转意输出,减号 不转意输出 -->
        <% var str="<div class=‘div1’></div>" %>
        <%-str %>
        <!-- 引用 a.txt文件 -->
        <% include ../a.txt %>

        <%for(var i=0;i<5;i++){%>
            <% include ../a.txt %>      //引入外部文件时注意层级‘../’
            <% } %>
        }
    </div>
</body>
</html>

知识点:

如果用到include,必须把它单独标记出来.因为它是ejs自带的,不是js的:

<% if(type==‘admin‘){ %>
<% include ../style/admin.css %>
<%}else{%>
<% include ../style/user.css %>
<% } %>

以上是关于模板引擎ejs详解的主要内容,如果未能解决你的问题,请参考以下文章

EJS 高效的 JavaScript 模板引擎

JavaScript使用Nodejs模板引擎EJS

EJS模板引擎

EJS模板引擎

ejs模板引擎的使用

EJS模板引擎