Hapi入门--MVC--视图

一、安装视图插件包

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。