koa2使用ejs模板引擎

ejs特性

安装ejs:npm install --save ejs

输出:

在页面中输出变量值,你可以这么用:
<div><%= var01 %></div>

如果不希望变量值的内容被转义,那就这么用:
<div><%- var02 %></div>

模块的逻辑支持:

所有使用 <% %> 括起来的内容都会被编译成 Javascript,你可以在模版文件中像写 js 一样 Coding,也允许你声明变量,作用域就是当前模版,因为一个模版会被编译成一个 Javascript 函数。

<ul>
    <% for(var i = 0; i < 10; i++) {%>
    <li>item  <%-i %></li>
    <% } %>
<ul>
koa中使用ejs

1.在koa使用ejs需要下载一个中间件koa-views
下载:npm install --save koa-views

2.引入koa-views并进行配置
例如:在当前文件的同级目录下建立view/index.ejs文件

//引入
const Koa = require('koa')
const path = require('path')
const views = require('koa-views')
const app = new Koa()

//配置需要渲染的文件路径及文件后缀
app.use(views(path.join(__dirname,'./view'),{
    extension:'ejs'
}))

3.渲染文件

//render参数1:要渲染的ejs文件名,参2:需要传递的变量
app.use(async(ctx)=>{
    let title = 'hello lval'
    await ctx.render('index',{title})
})
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值