前端开发

koa2使用ejs模板引擎

2019-12-17  本文已影响0人  紫气楠楠

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})
})
上一篇下一篇

猜你喜欢

热点阅读