Koa2 渲染视图koa-views

koa-views 是一个使用模板引擎渲染视图的 Koa 中间件。它可以集成多种模板引擎,包括 EJS、Pug、Handlebars 等等。

下面是使用 koa-views 渲染 EJS 模板的简单示例:

  1. 安装 koa-views 和 EJS:

    npm install koa-views ejs
    
  2. 引入 koa-views 和 Koa:

    const Koa = require('koa');
    const views = require('koa-views');
    
  3. 创建 Koa 应用程序实例,并配置 koa-views 中间件:

    const app = new Koa();
    
    app.use(views(__dirname + '/views', {
      extension: 'ejs' // 使用 EJS 模板引擎
    }));
    

    __dirname 表示当前文件所在目录,这里将其和 /views 目录路径拼接起来作为视图文件所在的根目录。

  4. 创建 EJS 模板文件:

    在上一步指定的 /views 目录下创建 index.ejs 文件,内容如下:

    <html>
      <head>
        <title><%= title %></title>
      </head>
      <body>
        <h1><%= message %></h1>
      </body>
    </html>
    

    <%=%> 之间的表达式会被解析为 JavaScript 代码,可以在其中使用任何合法的 JavaScript 语句。

  5. 在路由中使用 koa-views 渲染视图:

    app.use(async ctx => {
      await ctx.render('index', { // 第一个参数是模板文件名,无需带扩展名
        title: 'Welcome to Koa',
        message: 'Hello, world!'
      });
    });
    

    ctx.render 方法会自动将传入的数据和指定模板文件合并,并返回渲染后的 HTML 页面作为响应。这里传递了 titlemessage 两个变量给 EJS 模板使用。

以上就是使用 koa-views 渲染 EJS 模板的基本用法。可以根据具体需求灵活配置中间件和模板引擎选项,实现更加复杂的视图渲染效果。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

有趣的小良

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值