koa2系列教程:koa2使用模板引擎
阿新 • • 發佈:2019-01-31
這篇教大家如何使用模板引擎
這裡我們使用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.開啟瀏覽器
我們想要的結果就出來了
後記
本文首發於微信公眾號:node前端
不妨關注一下