koa-ejs模板引擎

作者: 张先觉 | 来源:发表于2020-05-08 13:33 被阅读0次

koa-ejs模板引擎
laravel 5 blade
SpringBoot系列之集成jsp模板引擎
7. koa2 使用ejs模板
node_模板引擎
art-template模板引擎
Lua admin后台开发 (6) 模板引擎的使用
Ajax-02
《PHP Learning》模板引擎
模板引擎原理

使用模板引擎，告别接口API开发模式。
不过ejs语法……代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ejs</title>
</head>
<body>
    <!-- 引入外部文件 -->
    <!-- "<%- include("./model/header"); -%> " -->
    
    <h3><%=target %></h3>
    <ul>
        <% for(let i = 0;i < list.length; i++) { %>
            <li>
                <%=list[i] %> 
            </li>
        <% } %>
    </ul>
</body>
</html>

koa-ejs使用

第一步：引入const ejs = require('koa-ejs')
第二步：配置ejs('所挂载的服务器'，配置项options)
第三步：中间件，渲染ctx.render('渲染文件名','数据')

const Koa = require('koa');
const ejs = require('koa-ejs');
const path = require('path');

const server = new Koa();

// 配置ejs
ejs(server,{
    root:path.resolve('template'),// 视图文件地址
    layout:false,
    viewExt:'ejs',//视图文件后缀名
})

// 中间件，渲染
server.use(async (ctx)=>{
    await ctx.render('index',{
        target:'南师箴言',
        list:['维摩诘经','金刚经','法华经']
    })
});

server.listen(3000,()=>{
    console.log('server is running');
});

koa-ejs配合路由

const koa = require('koa')
const Router = require('koa-router')
const ejs = require('koa-ejs')
const path = require('path')

// koa
const server = new koa();

// router
let r1 = Router();
server.use(r1.routes());

// ejs
ejs(server,{
    root:path.resolve('template'),
    viewExt:'ejs',
    layout:false,
})

r1.get('/xxx',async (ctx) => {
    await ctx.render('index',{
        target:'佛品',
        list:['阿閦佛','药师佛','阿弥陀佛']
    });
});

server.listen(3000);