## 模块 - 当访问后缀名为空或者html时,则和之前的代码模块文件编写方式的效果是一样的 - 后缀名(list & edit):列表模式和编辑模式,tpl.blade.php文件无效,使用vim.php作为后台配置、vimh.blade.php作为编辑模块页面扩展 - 后缀名(data):数据模式,以JSON格式数据返回,作为接口比较多 对应的后台菜单设置 ![](https://img.kancloud.cn/f6/b6/f6b6d702134816d2b27b5c3488916b80_1057x698.png) 首先来配置一个简单的页面 ![](https://img.kancloud.cn/f7/28/f728d6c5976398bcd47096ea3ff57dc1_864x191.png) 设置路径/demo/test1并设置类型为列表 然后点击代码按钮 设置数据选项 ![](https://img.kancloud.cn/c6/88/c68836c5b749307091848559999e6878_909x683.png) 代码如下 ~~~ <?php return [ 'type' => 'sql', 'config' => [ 'table' => 'area' ], ]; ~~~ 设置列表选项 ![](https://img.kancloud.cn/0c/f9/0cf9b54c754e469b6fa26fbdd0867320_805x485.png) 代码如下 ~~~ <?php return [ 'field' => [ 'id', 'title' ], 'handle' => [ 'title' ] ]; ~~~ 依次点开(模块示例 > 测试1) ![](https://img.kancloud.cn/ae/d8/aed8a653af0303e297744fc9c9feb3c0_1010x880.png) 一个简单的列表页面就完成了,就这样生成了一个分页,并且可以编辑内容了 ![](https://img.kancloud.cn/1c/d9/1cd9685320edcc0070a792cb0b9cf001_835x229.png) 这里的区域ID和标题默认是表area中的id和title的注释 ![](https://img.kancloud.cn/15/c6/15c626445b9654994302baa6f13f026a_932x134.png) 对应的代码目录 ![](https://img.kancloud.cn/b5/67/b567493bc73731e950ee16d28dd53346_282x154.png) 接下来操作会以配置选项命名 ![](https://img.kancloud.cn/fb/14/fb146820002e247e988d2b334d76f15f_683x206.png) 他们对应的文件是 - 初始化:_init.php - 数据:data.php - 配置:ini.php - 数据重设:set.php - 列表:vim.php - 编辑:vimh.blade.php - HTML:tpl.blade.php - CSS: tpl.css - JS:tpl.js 这些文件可灵活应用到各种场景 这里的CSS和JS配置是共用的,同时影响于列表页面、编辑页面和HTML页面 设置数据选项 ~~~ <?php return [ 'type' => 'sql', 'config' => [ 'table' => 'area' ], ]; ~~~ 设置列表选项 ~~~ <?php return [ 'field' => [ 'id', 'title' ], 'handle' => [ 'title' ] ]; ~~~ 设置编辑选项 ~~~ 编辑页面效果 ~~~ 设置CSS选项 ~~~ body{ background-color:#FCC; } ~~~ 点击:模块示例 > 测试2 ![](https://img.kancloud.cn/18/07/18073f6336c7277e8dbcd6d60acf4a73_883x598.png) 这里JS选项和CSS是一样的,就不做示例了