美文网首页KOA
10.1KOA ejs 模版引擎

10.1KOA ejs 模版引擎

作者: 帶頭二哥 | 来源:发表于2020-01-06 02:22 被阅读0次

    ejs 模版引擎

    安装模版引擎中间件

    npm install --save koa-views
    

    安装模版引擎

    npm install --save ejs
    

    定义模版

    <!DOCTYPE html>
    <html>
    <head>
        <title><%= title %></title>
    </head>
    <body>
        <h1><%= title %></h1>
        <p>EJS Welcome to <%= title %></p>
    </body>
    </html>
    

    使用模版引擎

    // 引入 koa 模块
    const Koa = require('koa')
    // 创建 koa 应用
    const app = new Koa()
    
    // 引入模版引擎中间件
    const views = require('koa-views')
    
    // 加载模板引擎
    app.use(views('./views', {
        extension: 'ejs'
    }))
    
    // 应用模版引擎
    app.use( async ( ctx ) => {
        // 定义数据
        let title = 'hello koa2'
    
        // 通过数据渲染界面
        await ctx.render('index', {
            title,
        })
    })
    
    // 启动应用
    app.listen(3000)
    

    具体 ejs 模版引擎使用

    http://ejs.co/

    相关文章

      网友评论

        本文标题:10.1KOA ejs 模版引擎

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