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

2019年8月20日 177次阅读 来源: MrIsaac

koa2系列教程，延续更新

这篇教人人怎样运用模板引擎

这里我们运用ejs模板引擎做 个例子，你们本身挑选本身闇练的模板引擎

运用的版本：

《koa2系列教程：koa2运用模板引擎》

文件夹目次构造：

《koa2系列教程：koa2运用模板引擎》

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>

3.启动效劳

node index.js

4.翻开浏览器

《koa2系列教程：koa2运用模板引擎》

我们想要的效果就出来了

跋文

本文首发于微信民众号：node前端

无妨关注一下

    原文作者：MrIsaac
    原文地址: https://segmentfault.com/a/1190000017153793
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞