koa2系列教程：koa2使用模板引擎

最新推荐文章于 2022-06-23 17:01:12 发布

weixin_33725126

最新推荐文章于 2022-06-23 17:01:12 发布

阅读量934

点赞数

原文链接：https://segmentfault.com/a/1190000017153793

版权

koa2系列教程，持续更新

koa2系列教程：koa2应用初见
koa2系列教程：koa2处理静态文件
koa2系列教程：koa2使用模板引擎
koa2系列教程：koa2路由控制中间件
koa2系列教程：综合koa2搭建登录注册页面
koa2系列教程：koa2实现登录注册功能

这篇教大家如何使用模板引擎

这里我们使用ejs模板引擎做个例子，你们自己选择自己熟练的模板引擎

使用的版本：

文件夹目录结构：

1.编写index.js

const Koa = require('koa')
const views =  require('koa-views')
const path = require('path')
const app = new Koa()

// 加载模板引擎
app.use(views(path.join(__dirname, './views'), {
    extension: 'ejs'
  }))
  
app.use( async ( ctx ) => {
    let title = 'hello koa2'
    await ctx.render('index', {
      title,
    })
})

app.listen(3000, () => {
  console.log('localhost:3000')
})

2.编写/views/index.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
</head>
<body>
    <h2>views index</h2>
    <h1><%= title %></h1>
</body>
</html>