// 初始化参数 var id; var email; var nickName; var userState; var createDate;

// 初始化表格的列 userNormal_initColumn = function () { var columns = [ {field: 'selectItem', radio: true, visible: true}, {title: 'id', field: 'id', visible: false, align: 'center', valign: 'middle'}, {title: '邮箱地址', field: 'email', visible: true, align: 'center', valign: 'middle', sortable: true}, {title: '昵称', field: 'nickName', visible: true, align: 'center', valign: 'middle', sortable: true}, {title: '用户状态', field: 'userState', align: 'center', valign: 'middle', sortable: true, formatter: function (value, row, index) { if(value == 0){ return '启用'; } else{ return '禁用'; } }}, {title: '创建日期', field: 'createDate', align: 'center', valign: 'middle', sortable: true},

];
return columns;

};

/**

  • 检查是否选中 */ userNormal_check = function () { // 获得row数组 var rows = $('#userNormalTable').bootstrapTable('getSelections'); if (rows.length == 0) { return false; } else { return true; } };

// 删除 userNormal_delete = function () { if(userNormal_check()){ // 获得当前选中行对象 var rows = $('#userNormalTable').bootstrapTable('getSelections'); // 获得选中id var id = rows[0].id; // 发送ajax执行删除 $.ajax({ url:"/user/remove", type:"POST", data:{"id":id}, success:function(data){ // 成功操作 if(data == true){ layer.msg("删除成功"); $('#userNormalTable').bootstrapTable('refresh'); } // 失败操作 else{ layer.msg("删除失败"); } }, dataType:"json" });

}
else{
	layer.msg("请先选中至少一条记录!");
}

};

// 添加 userNormal_add = function(){ var index = layer.open({ type: 2, title: '添加用户', area: ['500px', '460px'], // 宽高 fix: false, // 不固定 maxmin: true, content: '/static/page/main/userMgr/normalUser_add.jsp' }); this.layerIndex = index; }

// 修改 userNormal_edit = function(){ if(userNormal_check()){ // 获得当前选中行对象 var rows = $('#userNormalTable').bootstrapTable('getSelections'); // 获得参数 var id = rows[0].id; var nickName = rows[0].nickName; var userState = rows[0].userState; var createDate = rows[0].createDate; var index = layer.open({ type: 2, title: '修改用户', area: ['500px', '490px'], // 宽高 fix: false, // 不固定 maxmin: true, content: '/static/page/main/userMgr/normalUser_edit.jsp', data:{ id:id, nickName:nickName, userState: userState, createDate:createDate }, }); this.layerIndex = index; } else{ layer.msg("请先选中至少一条记录!");

}

}

// 收集参数 function collectParam(){ email = $('#email').val(); nickName = $('#nickName').val(); createDate = $('#createDate').val(); userState = $('#userState').val(); }

// BootStrap 查询 function userNormal_search() { // 收集参数 collectParam(); var opt = { url: "/user/queryCondition", silent: true, query:{ email: email, nickName: nickName, createDate: createDate, userState: userState, } }; $('#userNormalTable').bootstrapTable('refresh',opt); };

$(function(){ var column = userNormal_initColumn(); $('#userNormalTable').bootstrapTable({ contentType: "application/x-www-form-urlencoded", url: '/user/queryList', method: 'post', // ajax 方式,post 还是 get //toolbar: "#toolbar", // 顶部工具条 striped: true, // 是否显示行间隔色 cache: false, // 是否使用缓存,默认为 true sortable: true, // 是否启用排序 sortOrder: "desc", // 排序方式 pagination: true, // 启用分页 pageNumber: 1, // 初始化加载第一页,默认第一页 pageSize: 5, // 每页的记录行数() pageList: [5, 10, 15,'All'], // 可供选择的每页的行数() queryParamsType: 'limit', // 默认值为 'limit' ,在默认情况下 传给服务端的参数为:offset,limit,sort queryParams:{"param":"testData"}, // 向后台传递的自定义参数 sidePagination: "client", // 分页方式:client 客户端分页,server 服务端分页(*) search: false, // 是否显示表格搜索,此搜索是客户端搜索,不会进服务端 strictSearch: true, // 设置为 true启用 全匹配搜索,否则为模糊搜索 showColumns: false, // 是否显示所有的列 showRefresh: false, // 是否显示刷新按钮 minimumCountColumns: 2, // 最少允许的列数 clickToSelect: true, // 是否启用点击选中行 searchOnEnterKey: true, // 设置为 true时,按回车触发搜索方法,否则自动触发搜索方法//pagination: true, // 是否显示分页条 height: 365, // 底部栏高 icons: { refresh: 'glyphicon-repeat', toggle: 'glyphicon-list-alt', columns: 'glyphicon-list' }, iconSize: 'outline',

    columns:column,// 列数组
});

});

// 普通用户查询列表 @RequestMapping(value="/queryList",method=RequestMethod.POST) @ResponseBody public Map<String,Object> queryList(HttpServletRequest request){ Map<String,Object> result = new HashMap<String,Object>(); // 获取参数 int pageNumber = Integer.parseInt(request.getParameter("pageNumber")); int pageSize = Integer.parseInt(request.getParameter("pageSize")); // 收集参数 String email = request.getParameter("email"); String nickName = request.getParameter("nickName"); String createDate = request.getParameter("createDate"); int userState = Integer.parseInt(request.getParameter("userState")); // 查询数据 Page page = userService.findUserByCondition(pageNumber,pageSize,email,nickName,createDate,userState); // 返回数据 result.put("total", page.getTotalElements()); result.put("rows", page.getContent()); return result; }

// 普通用户条件查询 @RequestMapping(value="/queryCondition",method=RequestMethod.POST) @ResponseBody public Map<String,Object> queryCondition(HttpServletRequest request){ Map<String,Object> result = new HashMap<String,Object>(); // 获取参数 int pageNumber = Integer.parseInt(request.getParameter("pageNumber")); int pageSize = Integer.parseInt(request.getParameter("pageSize")); // 收集参数 String email = request.getParameter("email"); String nickName = request.getParameter("nickName"); String createDate = request.getParameter("createDate"); int userState = Integer.parseInt(request.getParameter("userState")); // 查询数据 Page page = userService.findUserByCondition(pageNumber,pageSize,email,nickName,createDate,userState); // 返回数据 result.put("total", page.getTotalElements()); result.put("rows", page.getContent()); return result;

用户管理-普通用户列表

原文地址: https://www.cveoy.top/t/topic/mOXe 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录