koa2加载模板引擎|Nodejs专题系列
# koa2加载模板引擎
# 快速开始
# 安装模块
# 安装koa模板使用中间件
npm install --save koa-views
# 安装ejs模板引擎
npm install --save ejs
@前端进阶之旅: 代码已经复制到剪贴板
# 使用模板引擎
demo源码
https://github.com/poetries/daily-code-practice/tree/master/node/koa/koa2-demo/blob/master/demo/ejs/
# 文件目录
├── package.json
├── index.js
└── view
└── index.ejs
@前端进阶之旅: 代码已经复制到剪贴板
# ./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, './view'), {
extension: 'ejs'
}))
app.use( async ( ctx ) => {
let title = 'hello koa2'
await ctx.render('index', {
title,
})
})
app.listen(3000)
@前端进阶之旅: 代码已经复制到剪贴板
# ./view/index.ejs 模板
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
</head>
<body>
<h1><%= title %></h1>
<p>EJS Welcome to <%= title %></p>
</body>
</html>
@前端进阶之旅: 代码已经复制到剪贴板
