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