koa-ejs模板引擎
2020-05-08 本文已影响0人
张先觉
使用模板引擎，告别接口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);
