5 Star 9 Fork 1

zhd / ul-table

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

ul-table

项目介绍

后台管理通用表格,增删改查,基于layui

一个后端写的前端插件

演示地址

演示地址

版本说明

v2.1.0

  • 优化表格配置新增变量,如:{name}{desc}
  • 新增辅助文字

如更新这一版本,需要对表格参数加上大括号

使用教程

<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

参数说明(表格显示变量需加上大括号,具体请参考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参数

空文件

简介

一个后端写的对前端的解决方案 展开 收起
HTML
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
HTML
1
https://gitee.com/zhd--zhd_admin/ul-table.git
git@gitee.com:zhd--zhd_admin/ul-table.git
zhd--zhd_admin
ul-table
ul-table
v2

搜索帮助