node.js使用EJS

1、安装 koa-views 和 ejs

安装 koa-views npm install --save koa-views / cnpm install --save koa-views
安装 ejs npm install ejs --save / cnpm install ejs --save

2、引入 koa-views 配置中间件

//views  网页文件位置

/*
配置EJS 模板引擎的两种方式
1.{ map: {html: 'ejs' }}  这种配置方式模板的后缀名要以HTML结尾

2.{extension:'ejs'} 这种配置方式文件后缀名直接以ejs结尾即可
*/

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 })
})

//ctx.render('index') 渲染模板
 ctx.render('index',{
  title })
//title是简写,这里是想ejs模板传值  不简写的方式是{title: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[i] %>
  • <%}%>

    你可能感兴趣的:(node.js使用EJS)