[TOC]
后臺視圖采用`extend`（模版繼承）方式和`include`（引入文件）方式，使用pjax形式切換頁面。模版繼承相關參考TP的Template[模板繼承](http://www.hmoore.net/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}
~~~
