代码拉取完成,页面将自动刷新
后台管理通用表格,增删改查,基于layui
一个后端写的前端插件
v2.1.0
如更新这一版本,需要对表格参数加上大括号
<script>
var ut = new ultable();
ut.run({
id: 'table', // 容器id
config: 'ajax/getConfig.json', // 配置文件
autoload: true, // 首次进入自动加载内容
limit: 10, // 每页显示条数
page: 1, // 当前页
headerFixed: false, // 表头固定
// 用于对分页请求的参数:page、limit重新设定名称
request: {
pageName: 'page' //页码的参数名称,默认:page
, limitName: 'limit' //每页数据量的参数名,默认:limit
},
// 用于对返回的数据格式的自定义
response: {
statusName: 'state' //数据状态的字段名称,默认:state
, statusCode: true //成功的状态码,默认:true
, msgName: 'msg' //状态信息的字段名称,默认:msg
, countName: 'count' //数据总数的字段名称,默认:count
, dataName: 'data' //数据列表的字段名称,默认:data
},
// 渲染完成回调
done:function(){
// 重新查询
ut.renderSelect();
}
});
</script>
{
"select-url": "查询接口",
"insert-url": "添加接口",
"update-url": "修改接口",
"delete-url": "删除接口",
"table": [列1,列2,列n...],
"select": [条件1,条件2,条件n...],
"insert": [参数1,参数2,参数n...],
"update": [参数1,参数2,参数n...],
"delete": [唯一标识],
"other-operate": [{
"title": "操作名",
"url": "接口地址",
"edit": [参数1,参数2,参数n...],
"param": [唯一标识]
}, {
"title": "操作名",
"method": "函数名",
"param": [唯一标识],
"name":'' // 可通过函数getOtherOperateDom(name)获取
}]
}
可参考ajax/getConfig.json
参数名 | 必须 | 解释 |
---|---|---|
select-url | 是 | 查询接口 |
insert-url | 否 | 添加接口 |
update-url | 否 | 修改接口 |
delete-url | 否 | 删除接口 |
解释 | 代码 |
---|---|
文本框 | {"name":"name","title":"姓名","type":"text","width":200} |
多行文本 | {"name":"desc","title":"简介","type":"textarea","width":200} |
富文本 | {"name":"desc","title":"简介","type":"layedit"} |
下拉框 | {"name":"class","title":"班级","type":"select","width":200,"value":[{"key":001","value":"一班"},{"key":002","value":"二班"},{"key":003","value":"三班"}],"default":"001"} |
时间控件 | {"name":"time","title":"时间","type":"time"} |
图片(支持自动提取字符串中的图片) | {"name":"img","title":"图片","type":"img","width":200} |
图片+文字链接 | {"aname":"url","atitle":"文字","type":"a+img","title":"图片加链接","imgname":"img","width":200} |
a标签 | {"name":"url","href":"url","title":"地址","type":"a","width":200} |
多字段共用一列 | {"name":"{name}{pwd}","title":"多字段","type":"text","width":200} |
name | 参数名,如:name,sex,desc |
title | 标题,如:用户名,性别,备注 |
type | 类型,如:url,text,textarea,layedit,img,a+img,select |
width | 列宽,如:200 |
url | a类型地址 |
value | select参数 |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型