koa2系列教程：koa2使用模板引擎
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>3.启动服务
node index.js
4.打开浏览器
我们想要的结果就出来了
后记
- koa-views 源码及文档：https://github.com/queckezz/k...
- koa-views 支持模板引擎列表：https://github.com/tj/consoli...
本文首发于微信公众号：node前端
不妨关注一下
相关推荐
boneix 2020-10-21
MrQuinn 2020-08-16
starzhangkiss 2020-04-19
LorenLiu 2020-03-28
Qimingweikun 2020-03-05
发条戏子 2020-02-01
jackyhungvip 2020-01-19
Qimingweikun 2019-12-09
Anything0 2019-11-17
lert0 2019-11-04
88530198 2019-11-03
sqliang 2019-11-03
苹果咏 2019-07-23
bobbaobao 2018-11-13
lert0 2019-07-01
fanix 2019-07-01
liwenbocsu 2019-07-01