千钧录-Node Koa.js框架

首页 Node Koa.js框架

安装


npm install koa-ejs

测试版本：4.3.0

标签定义


<%代码%>       脚本标签
<%=变量%>     输出数据到模板（输出是转义 HTML 标签）
<%-变量%>     用于 include 指令，避免对输出的 HTML 代码被转义处理
<%#注释%>     注释标签，不执行、不输出内容


注意：HTML注释：<!--<%=name%>-->，ejs同样会解析，如果没有name变量会报错

包含文件


<%- include("cs") %>   //包含cs.ejs文件

注意：这里用的是  "<%-"，表示不转义html标签

用法


HTML：
路径：./views/index.ejs
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf8"/>
        <title><%=title%></title>
    </head>
    <body>
        <% for(var key in obj){ %>
        <%=key%>
        <% } %>
</body>
</html>
  
  

服务器：index.js
const ejs = require("koa-ejs");  //HTML渲染
const path = require("path");
const koa = require("koa");
var app = new koa();
app.listen(8080);

//设置前端HTML文件目录，及后缀名
//设前端文件目录：根目录  ./views/
ejs(app,{
  root:path.resolve(__dirname,"views"),  //模板ejs文件目录
  layout:false,
  viewExt:"ejs",  //HTML文件扩展名
  cache:false,
  debug:false     //终端调试
});


app.use(async ctx => {
  if(ctx.path == "/index"){
    await ctx.render("index",{   //ejs文件名，不带后缀
      //传到HTML中的变量
      title:"liboke.cn",
      obj:{a:"aa",b:"ab",c:"ac"}
    });
  }
}); 


浏览器输入：http://localhost:8080/index