美文网首页前端开发
koa2使用ejs模板引擎

koa2使用ejs模板引擎

作者: 紫气楠楠 | 来源:发表于2019-12-17 11:33 被阅读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})
    })
    

    相关文章

      网友评论

        本文标题:koa2使用ejs模板引擎

        本文链接:https://www.haomeiwen.com/subject/kyrsnctx.html