此处说明的视图,指manage目录下的视图。
目录位置\application\manage\view
当控制器为GoodsParams类似这样第二个单词大写时,对应的view为goods_params文件夹。
变量输出时,格式为
```
{$info}
```
全局统一的layout为:\application\manage\view\layout.html
更多视图资料,请参考[thinkphp5.1手册](https://www.kancloud.cn/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