Koa2模板引擎Ejs使用教程


Koajs入门视频教程在线学习地址https://www.bilibili.com/video/BV1xm4y1c7zr/?p=1

Koajs入门视频教程网盘下载地址https://pan.baidu.com/s/1QN_XkXRXmIw6V7HevntBQQ 提取码:abcd


EJS是一个JavaScript模板库,用来从JSON数据中生成HTML字符串。Koa2框架中ejs可以把数据库查询的数据渲染到模板上面,实现一个动态网站。

Koa2 中使用ejs模板引擎的用法:


1、安装 koa-views 和ejs

    1.安装koa-views     npm install --save koa-views / cnpm install --save koa-views


    2.安装ejs     npm install ejs --save  /  cnpm install ejs --save

2、引入koa-views配置中间件
const views = require('koa-views');

app.use(views('views', { map: {html: 'ejs' }}));  

3、Koa中使用ejs:
router.get('/add',async (ctx)=>{
    let title = 'hello koa2'
    await ctx.render(index',{
        title
    })  
})

4、Ejs引入模板

<%- include header.ejs %>

5、Ejs绑定数据

<%=h%>

6、Ejs绑定html数据

<%-h%>

7、Ejs模板判断语句

<% if(true){ %>   
    true

<%} else{ %>

    false
<%} %>

8、Ejs模板中循环数据   
   <%for(var i=0;i<list.length;i++) { %>
      <li><%=list[i] %></li>
    <%}%>