Koa2 学习笔记(第五天)

Koa2的模板引擎使用

现在主流的模板引擎为ejs,jade,nunjucks等。

这里采用了ejs,因为比较符合前端HTML语法,不破坏结构。

另外和express不同的是,Koa2还需要引中间件来支持模板的使用

cnpm i ejs koa-views -S
const Koa = require('koa')
const app = new Koa()
const path = require('path')
const views = require('koa-views')
// views第一个参数指定路径,第二个参数指定模板引擎
app.use(views (path.join(__dirname, './views'), {
    extension: 'ejs'
}))

// 渲染是个异步过程,所以这里使用async await
// 这里是区别与express内置的写法的
app.use(async (ctx) => {
    let title = 'hello ejs',
    await ctx.render('index', {
        title
    })
})

app.listen(3000)

在index.js的同级目录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><%= title %></title>
</head>
<body>
   <h1><%= title %></h1>
   <p>EJS Welcome to <%= title %></p>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_35534823/article/details/77591443