koa2 使用ejs

在Koa中使用ejs模板

1. 安装 koa-views 和 ejs

// 安装 koa-views
npm install --save koa-views
// 或者使用cnpm
cnpm install --save koa-views

// 安装 ejs
npm install ejs --save
// 或者使用cnpm
cnpm install ejs --save

2. 引入 koa-views 并配置中间件

// 引入koa-views模块
const views = require('koa-views');

// 配置koa-views中间件, 使用EJS作为模板引擎
app.use(views('views', { map: {html: 'ejs' }}));

3. 在Koa中使用ejs

// 创建路由并在其中使用EJS渲染模板
router.get('/add', async (ctx) => {
    let title = 'hello koa2';
    await ctx.render('index', {
        title: title
    });
});

4. 在EJS中引入其他模板文件

// 在EJS模板中引入另一个模板文件，如head.html
<%- include('head.html') %>

5. 在EJS中绑定数据

// 使用EJS语法绑定数据
<%= h %>

6. 在EJS中绑定HTML数据

// 使用EJS语法绑定HTML数据，不转义
<%- h %>

7. 在EJS模板中使用判断语句

// 使用EJS语法进行条件判断
<% if(true) { %>
    <div>true</div>
<% } else { %>
    <div>false</div>
<% } %>

8. 在EJS模板中循环数据

// 使用EJS语法遍历数组数据
<% for(var i = 0; i < list.length; i++) { %>
    <li><%= list[i] %></li>
<% } %>