[TOC]
后台视图采用`extend`（模版继承）方式和`include`（引入文件）方式，使用pjax形式切换页面。模版继承相关参考TP的Template[模板继承](https://www.kancloud.cn/manual/think-template/1286412)文档，pjax原理可参考[pjax相关介绍](https://pjax.herokuapp.com/)。
## 目录结构
后台视图目录结构如下：
~~~
view 视图目录
├─public 视图公共目录
│ ├─navbar 顶部导航目录
│ ├─base.html 基础视图文件
│ ├─change_page.html 分页前端代码
│ ├─content_header.html 内容头部
│ ├─control_sidebar.html 侧边栏(右侧设置挂件)
│ ├─footer.html 页脚(底部)HTML
│ ├─head_css.html 头部CSS
│ ├─head_js.html 头部JS
│ ├─layer_base.html layer弹窗继承的父级模版文件
│ └─sidebar.html 侧边栏(左侧菜单)
~~~
## 视图开发
自定义视图可以直接复制`/view/template/contont.html`文件，该文件代码如下：
~~~
<!-- 空白页面参考模版 -->
{extend name='public/base' /}
{block name='content'}
{include file='public/content_header' /}
<section class="content">
<!-- 这里写内容即可 -->
</section>
{/block}
~~~
自定义layer弹窗视图可以直接复制`/view/template/layer_contont.html`文件，该文件代码如下：
~~~
<!--空白弹出页面参考模版-->
{extend name='public/layer_base' /}
{block name='content'}
<section class="content">
<!-- 这里写内容即可 -->
</section>
{/block}
~~~
