1.用户管理
1.1.后台接口定义
-
分页查询用户接口定义，支持条件模糊查询；
-
新增用户接口定义；
-
编辑用户接口定义；
-
删除用户接口定义；
1.2.前端用户管理实现
1.2.1.分页查询
-
页面初始化
<!-- 数据表格 --> <table style="margin-top: -15px;" id="tb_user" lay-filter="tb_user"></table>
-
数据表格初始化
// 1.初始化数据表格
function initTable() {
table.render({ // 执行渲染
elem : '#tb_user', // 指定原始表格元素选择器（推荐id选择器）
height : 400, // 自定义高度
loading : false, // 是否显示加载条（默认 true）
cols : [[ // 设置表头
{field : '属性1',title : '列名1',width : 180},
{field : '属性1',title : '列名1',width : 180},
{field : '属性1',title : '列名1',width : 180},
{field : '属性1',title : '列名1',width : 180},
{field : '属性1',title : '列名1',width : 180},
]]
});
}
-
点击查询
// 2.点击按钮实现带条件的模糊查询
function query() {
table.reload('tb_user', {
url : 'xxxxx.action', // 请求地址
method : 'POST', // 请求方式，GET或者POST
loading : true, // 是否显示加载条（默认 true）
page : true, // 是否分页
where : { // 设定异步数据接口的额外参数，任意设
...
},
request : {
标签：width,列名,项目,用户,OA,field,180,接口定义,title
From： https://blog.csdn.net/2302_81948112/article/details/142327803