layui项目-增、删、密码修改重置、上传头像

新增用户

1.1前台页面
监听事件名为dataTableFilter , 得到 添加add的事件. 执行 add()方法 完成添加

table.on("toolbar(dataTableFilter)", function (obj) {
   
 var event = obj.event; //获得事件类型(名称)
 if (event == "add") {
   
 //弹出层 让管理员输入 用户信息
 add();
 } else if (event == "del") {
   
 //获取被选中的数据的ID
 var checkStatus = table.checkStatus('dataTableId');
 var data = checkStatus.data;
 if (data.length == 0) {
   
 layer.msg("请先选择要删除的数据!");
 return false;
 }
 //获取选中的数据 传给服务器 进行更新状态
 layer.confirm("你确定要删除吗?", function (index) {
   
 console.log("删除了!==========");
 del(data, index);
 });
 }
 });
具体新增的方法
function add() {
   
 layer.open({
   
 id: "add",
 title: '编辑',
 //
 content: $("#editForm").html(),//新增表单内容
 btn: ['提交', '取消'], //设置按钮类型
 area: ['500px', '450px'],//设置窗口大小
 yes: function (layero, index) {
   //点击提交时触发
 $("#submitFormBtn").click();
 },
 btnAlign: 'center', //按钮居中显示
  success: function (layero, index) {
   // 页面弹出成功触发
 //重新渲染表单
 form.render();
 //为表单新增监听提交事件
 form.on("submit(submitFormFilter)", function (d) {
   
 $.post("user.do", d.field, function (rs) {
   
 //业务正常
if (rs.code == 200) {
   
 layer.msg("新增成功");
 //让搜索按钮进行点击 刷新table
 $("#searchBtn").click();
 //关闭弹层
layer.close(index);
 return false;
 }
 //若失败,则给出弹框提示
layer.msg(rs.msg);
 });
 return false;//阻止表单默认提交
 });
 }
 });
 }

**1.2 servlet
**
根据弹框页面需要的值添加即可. 其他数据库字段,可以放在dao中处理,不要在此处处理

protected void add(HttpServletRequest req, HttpServletResponse resp){
   
 //1.拿到页面参数
 String userName = req.getParameter("userName");
 String password = req.getParameter("password");
 String realName = req.getParameter("realName");
 String type = req.getParameter("type");
 JsonData jsonData = userService.add(userName,password,realName,type);
 PrintJsonData.printJson(resp,jsonData);
 }

1.3 业务层
需要判断用户是否已存在

public JsonData add(String userName, String password, String realName, String type) {
   
 //检查用户名是否已存在
 User user = userDao.findUser(userName);
 if(user!=null){
   
 return JsonData.buildError("当前用户已存在");
 }
 int r = userDao.add(userName,password,realName,type)