此处说明的视图,指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">&#xe608;</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