此處說明的視圖,指manage目錄下的視圖。
目錄位置\application\manage\view
當控制器為GoodsParams類似這樣第二個單詞大寫時,對應的view為goods_params文件夾。
變量輸出時,格式為
```
{$info}
```
全局統一的layout為:\application\manage\view\layout.html
更多視圖資料,請參考[thinkphp5.1手冊](http://www.hmoore.net/manual/thinkphp5_1/354065)
## 表格
后臺所有的表格都是使用的layui的table組件,以下可新建一個表格
```
<div class="table-body">
<table id="testTable" lay-filter="testTable"></table>
</div>
<script>
layui.use(['table'],function(){
var layer = layui.layer, table = layui.table;
//執行渲染
table.render({
elem: '#testTable', //指定原始表格元素選擇器(推薦id選擇器)
height: 'full-320',
cellMinWidth: '80',
page: 'true',
limit:'20',
id:'hooksTable',
url: "{:url('test/index')}",
cols: [[ //標題欄
{type:'numbers'},
{field: 'name', title: '名稱',align:'center',width:150},
{field: 'description', title: '描述',width:200},
{field: 'type',sort: true, title: '類型' ,align:'center'}
]]
});
</script>
```
關于表格的參數以及事件可參考[layui手冊](https://www.layui.com/doc/)中[table組件](https://www.layui.com/doc/element/table.html)說明
## form表單
無特殊情況下,請盡量將form表單的class帶上layui-form seller-form
```
<form class="layui-form seller-form" action="" >
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label seller-inline-2">鉤子名稱:</label>
<div class="layui-input-inline seller-inline-4">
<input type="text" name="name" lay-verify="title" placeholder="請輸入鉤子名稱關鍵字" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<button type="button" class="layui-btn layui-btn-sm" lay-submit lay-filter="hooks-search"><i class="iconfont icon-chaxun"></i>篩選</button>
<button type="button" class="layui-btn layui-btn-sm add-hooks"><i class="layui-icon"></i> 添加</button>
</div>
</div>
</form>
```
## 全局可用js擴展函數
### 1. viewImage
含義:彈窗查看圖片
### 2. Trim
含義:過濾空格
### 3. jsonp
含義:jsonp跨域請求(get方式提交)
### 4. JsGet
含義:ajax提交(get方式提交)
### 5. JsPost
含義:post提交數據
### 6. submitJsAjax
含義:submitAjax(post方式提交)
## 全局可用JS常量
### 1. Jshop_Host
含義:站點url地址,例如:http://www.b2c.com