一、安装视图插件包
Hapi使用的是vision接口,它支持绝大多视图模版。
安装接口和模板引擎
cnpm i vision -S
cnpm i ejs -S
二、引入并注册
server.js 代码片断:
const Vision = require('vision')
const Ejs = require('ejs')
await server.register(Vision)
注册成功后,server会多一个views的属性。主要设置用什么模板引擎解析模板和模板路径。
server.js 代码片断:
server.views({
engines: { ejs: Ejs },
path: './view'
});
三、使用视图
注册插件后,路由函数里回调的 h 参数会多一个view方法:
h.view(template, [context, [options]])
template:模板名称,忽略后缀名
context:传递到模板里的数据,对象类型。
options:视图运行的参数,会覆盖之前views设置的参数。
routers.js 代码片断:
handler: (request, h) => {
return h.view('home',
{
title: '你好,Hapi视图',
msg: '这里在是视图的消息,干什么都可以'
},
{
//改变视图模板在目录路径
path:'./view/home'
});
}
四、使用layout布局
要使用layout,先要开启配置。在server.views中加入一个layout: true。
server.views({
engines: { ejs: Ejs },
path: './view',
layout: true
});
设置layout: true后,h.view会默认加载layout.ejs,h.view中的视图模板(第一参数)会是变成layout.ejs中的<%- content %>节块。
PS:server.views还可以设置layoutPath。
h.view的第三个参数中layoutPath
可以覆盖server.views中的layoutPath。