Koa2 学习笔记（第五天）

来源：互联网发布：天干地支年算法编辑：程序博客网时间：2024/06/05 17:03

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>

阅读全文

0 0