OA项目之用户管理

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 : {