koa 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 配置中间件

const views = require('koa-views'); 
//这种写法html模版后缀名为.html
app.use(views('views', { map: {html: 'ejs' }})); 
//这种写法html模版后缀名为.ejs
app.use(views('views', { extension: 'ejs'})); 

3、Koa 中使用 ejs

router.get('/add',async (ctx)=>{ 
	let title = 'hello koa2' 
	await ctx.render('index',{ title }) 
})

4、Ejs 引入模板

<% include('common/header.ejs') %>

5、Ejs 绑定数据

<%=h%>

6、Ejs 绑定 html 数据

<%-html%>

7、Ejs 模板判断语句

<% if(true){ %> 
	<div>true</div> 
<%} else{ %> 
	<div>false</div> 
<%} %>

8、Ejs 模板中循环数据

<%for(var i=0;i<list.length;i++) { %>
	<li><%=list[i] %></li> 
<%}%>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值