Layui之新增修改功能

 前端代码布局

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file='/common/header.jsp' %>








    
      验证手机
      
        
      
    
    
      
        立即提交
      
    
  
  
  
  

	

	
			 

 

 

              
 
 

	
	

 整体效果图如

 后台代码如dao类

 =============================查询=====================================================================

package com.zking.dao;

import java.util.List;
import java.util.Map;

import com.zking.entity.User;
import com.zking.util.BaseDao;
import com.zking.util.PageBean;
import com.zking.util.StringUtils;

public class UserDao extends BaseDao {

    public User login(User user )throws Exception {
        String sql="select * from t_oa_user where loginName='"+user.getLoginName()+"' and pwd='"+user.getPwd()+"'";
        List users= super.executeQuery(sql, User.class,null);
        return  users==null||users.size()==0 ?null:users.get(0);
    }
    public List> list(User user,PageBean pagebean) throws Exception {
        String sql="select *, rn" + 
                "(case  rid rn" + 
                "when 1 then '管理员 ' rn" + 
                "when 2 then '发起者 ' rn" + 
                "when 3 then '审批者  ' rn" + 
                "when 4 then '参与者 ' rn" + 
                "when 5 then '会议室管理员' rn" + 
                "else '其他' end) roleName  rn" + 
                "from t_oa_user  where 1=1";
        String name=user.getName();
        if(StringUtils.isNotBlank(name)) {
            sql+=" and name like '%"+name+"%'";
            
        }
        return super.executeQuery(sql, pagebean);
        
    }
    

 修改、删除增加等功能

    //修改用户
    public int edit(User user) throws Exception {
        String sql="update t_oa_user set name=?,loginName=?,pwd=? where id=?";
        return super.executeUpdate(sql, user, new String[] {"name","loginName","pwd","id"});
        
    }
    
    
    //删除用户

    public int del(User user) throws Exception {
        String sql="delete t_oa_user where id=?";
        return super.executeUpdate(sql, user, new String[] {"id"});
        
    }
   
    
//增加用户
    public int add(User user) throws Exception {
        String sql="insert into t_oa_user (name,loginName,pwd) values(?,?,?)";
        return super.executeUpdate(sql, user, new String[] {"name","loginName","pwd"});
        
    }
    
    

 UserAction类

package com.zking.web;



import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.zking.dao.UserDao;
import com.zking.entity.User;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.PageBean;
import com.zking.util.R;
import com.zking.util.ResponseUtil;


public class UserAction  extends ActionSupport implements ModelDriver{
	private User user=new User();
	private UserDao userdao=new  UserDao();
	//写一个方法处理前台的请求
		//作用传参数
		@Override
		public String execute(HttpServletRequest req, HttpServletResponse resp) {
			Map map=new HashMap();
			if("张三".equals(user.getLoginName())&&"123456".equals(user.getPwd())) {
//			登录成功
			map.put("code", 200);
			map.put("msg", "成功");
		}
		else {
//			登录失败！
			map.put("code", 0);
			map.put("msg", "账户名或者密码有误！");
		}
			try {
				ResponseUtil.writeJson(resp, map);
			} catch (Exception e) {
				e.printStackTrace();
			}
			return null;
		}
//		
	
	
	
//	//简化代码
//	@Override
//	public String execute(HttpServletRequest req, HttpServletResponse resp) {
//		Map map = new HashMap();
//		if ("张三".equals(u.getUsername()) && "123456".equals(u.getPassword())) {
//			try {
//				ResponseUtil.writeJson(resp, new R().data("code", 200).data("msg", "成功"));
//			} catch (Exception e) {
//				e.printStackTrace();
//			}
//		} else {
//			try {
//				ResponseUtil.writeJson(resp, new R().data("code", 0).data("msg", "失败"));
//			} catch (Exception e) {
//				e.printStackTrace();
//			}
//
//		}
//		try {
//			ResponseUtil.writeJson(resp, map);
//		} catch (Exception e) {
//			e.printStackTrace();
//		}
//		return null;
//	}
//	
	public String login(HttpServletRequest req, HttpServletResponse resp) {
	
		try {
			
			User u=userdao.login(user);
			if(u!=null) {
				ResponseUtil.writeJson(resp, R.ok(200, "成功"));	
			}
			else {
				ResponseUtil.writeJson(resp, R.ok(0, "用户名或者密码错误"));
			}
			
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.ok(0, "用户名或者密码错误"));
			} catch (Exception e2) {
				e2.printStackTrace();
			}
		}
		return null;
	}

	public String list(HttpServletRequest req, HttpServletResponse resp) {
		
		try {
			PageBean pagebean=new PageBean();
			pagebean.setRequest(req);
			List> users=userdao.list(user, pagebean);
			ResponseUtil.writeJson(resp, R.ok(0,"用户数据查询成功",pagebean.getTotal()));
			
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.ok(0, "用户名或者密码错误"));
			} catch (Exception e2) {
				e2.printStackTrace();
			}
		}
		return null;
	}
	
	public String add(HttpServletRequest req, HttpServletResponse resp) {
		
		try {
			
			int rs=userdao.add(user);
			if(rs>0) {
				ResponseUtil.writeJson(resp, R.ok(200, "用户主增加成功"));	
			}
			else {
				ResponseUtil.writeJson(resp, R.ok(0, "用户数据查询失败"));
			}
			
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.ok(0, "用户数据查询失败"));
			} catch (Exception e2) {
				e2.printStackTrace();
			}
		}
		return null;
	}
	
	public String del(HttpServletRequest req, HttpServletResponse resp) {
		
		try {
			
			int rs=userdao.del(user);
			if(rs>0) {
				ResponseUtil.writeJson(resp, R.ok(200, "用户主删除成功"));	
			}
			else {
				ResponseUtil.writeJson(resp, R.ok(0, "用户数据删除失败"));
			}
			
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.ok(0, "用户数据删除失败"));
			} catch (Exception e2) {
				e2.printStackTrace();
			}
		}
		return null;
	}
	
	
	
	public String edit(HttpServletRequest req, HttpServletResponse resp) {
		
		try {
			
			int rs=userdao.edit(user);
			if(rs>0) {
				ResponseUtil.writeJson(resp, R.ok(200, "用户主修改成功"));	
			}
			else {
				ResponseUtil.writeJson(resp, R.ok(0, "用户数据修改失败"));
			}
			
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.ok(0, "用户数据修改失败"));
			} catch (Exception e2) {
				e2.printStackTrace();
			}
		}
		return null;
	}
	
	
	
	
	
	@Override
	public User getModel() {
		return user;
	}
		
}

UserDaoTest测试类

package com.zking.dao;

import static org.junit.Assert.*;

import java.util.List;
import java.util.Map;

import org.junit.After;
import org.junit.Before;
import org.junit.Test;

import com.zking.entity.User;
import com.zking.util.PageBean;

public class UserDaoTest {
        private UserDao userdao=new UserDao();
    @Before
    public void setUp() throws Exception {
    }

    @After
    public void tearDown() throws Exception {
    }

    
    @Test
    public void testLogin() {
        fail("Not yet implemented");
    }

    @Test
    public void testList() {//查询
        PageBean pagebean =new PageBean();
        User user=new User();
        try {
            List> list=userdao.list(user, pagebean);
        for (Map map : list) {
            System.out.println(map);
        }
        } catch (Exception e) {
            e.printStackTrace();
        }
        
    }

    @Test
    public void testEdit() {//修改
        User user =new User();
        user.setName("李哈哈");
        user.setLoginName("lhh");
        user.setPwd("123");
        user.setId(17L);
        try {
            userdao.edit(user);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    @Test
    public void testDel() {//删除
        User user =new User();
        user.setId(17L);
        try {
            userdao.del(user);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    @Test
    public void testAdd() {//增加
        User user =new User();
        user.setName("李哈哈");
        user.setLoginName("lhh");
        user.setPwd("123");
        try {
            userdao.add(user);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
    }

 list集合

 userManager.js

/3.对话框
function open(title){
    layer.open({
       type: 2,                    //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
       title:title,
       area: ['660px', '340px'],   //宽高
       skin: 'layui-layer-rim',    //样式类名
       content:  $("#ctx").val()+'/jsp/system/userEdit.jsp', //书本编辑页面
       btn:['保存','关闭','批量新增'],
       yes: function(index, layero){
    	   //调用子页面中提供的getData方法，快速获取子页面的form表单数据
           let data= $(layero).find("iframe")[0].contentWindow.getData();
           console.log(data);
           //判断title标题
           let methodName="add";
           if(title=="编辑")
        	   methodName="edit";
           $.post($("#ctx").val()+'/user.action?methodName='+methodName,
        		   data,function(rs){
        	   if(rs.success){
        		   //关闭对话框
        		   layer.closeAll();
        		   //调用查询方法刷新数据
        		   query();
        	   }else{
        		   layer.msg(rs.msg,function(){});
        	   }
           },'json');
       },
       btn2: function(index, layero){
    	   layer.closeAll();
       },
       btn3: function(index, layero){
    	   layer.msg("批量新增");
    	   return false;//不关闭弹出层
       }
    });
 }

 header.jsp头部导入

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
   






 

    

前端代码userManager.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file='/common/header.jsp' %>




       



    
      
        用户名：
        
          
        
      
      
      
        
          
              
              查询
          
          新增
        
      
      
    
    
    

    
    
    
    

效果图

 useredit.js

let layer,form,$;
layui.use(['layer','form','jquery'],function(){
    layer=layui.layer,form=layui.form,$=layui.jquery;
    initData();
});

function initData(){
    console.log(parent.row);
    if(null!=parent.row){
         //因为layui.each内部的逻辑问题导致的所以要先深拷贝一份然后再去val
         //parent.row：表格行对象
         form.val('user',$.extend({}, parent.row||{}));
         //$('#name').attr('readonly','readonly');
    }
}

function getData(){
    return form.val('user');
}

useredit.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/header.jsp"%>










   

       
       
            用户名称
           
               
           
       
       
            用户角色
           
               
                    ---请选择---
                    管理员
                    发起者
                    审批者
                    参与者
                    会议管理员
               
           
       
       
            登录账号
           
               
           
       
       
            登录密码
           
               
           
       
   

userManager.js

//在页面中的

中必须配置lay-filter="tb_goods"属性才能触发属性!!!
    table.on('tool(tb)', function (obj) {
        row = obj.data;
        if (obj.event == "edit") {
            open("编辑");
        }else if(obj.event == "del"){
            layer.confirm('确认删除吗?', {icon: 3, title:'提示'}, function(index){
              $.post($("#ctx").val()+'/user.action',{
                  'methodName':'del',
                  'id':row.id
              },function(rs){
                  if(rs.success){
                       //调用查询方法刷新数据
                       query();
                   }else{
                       layer.msg(rs.msg,function(){});
                   }
              },'json');
              layer.close(index);
            });
        }else{

        }
    });
    
}

 

---

转载请注明：文章转载自 www.mshxw.com

本文地址：https://www.mshxw.com/it/1021529.html

上一篇 Clickhouse填坑记1：语法区别

下一篇 java选择结构练习题（if部分）

Java相关栏目本月热门文章

• 1【Linux驱动开发】设备树详解（二）设备树语法详解
• 2别跟客户扯细节
• 3Springboot+RabbitMQ+ACK机制(生产方确认(全局、局部)、消费方确认)、知识盲区
• 4【Java】对象处理流（ObjectOutputStream和ObjectInputStream）
• 5【分页】常见两种SpringBoot项目中分页技巧
• 6一文带你搞懂OAuth2.0
• 7我要写整个中文互联网界最牛逼的JVM系列教程 | 「JVM与Java体系架构」章节：虚拟机与Java虚拟机介绍
• 8【Spring Cloud】新闻头条微服务项目：FreeMarker模板引擎实现文章静态页面生成
• 9JavaSE - 封装、static成员和内部类
• 10树莓派mjpg-streamer实现监控及拍照功能调试
• 11用c++写一个蓝屏代码
• 12从JDK8源码中看ArrayList和LinkedList的区别
• 13idea 1、报错java: 找不到符号 符号: 变量 log 2、转换成Maven项目
• 14在openwrt使用C语言增加ubus接口（包含C uci操作）
• 15Spring 解决循环依赖
• 16SpringMVC——基于MVC架构的Spring框架
• 17Andy‘s First Dictionary C++ STL set应用
• 18动态内存管理
• 19我的创作纪念日
• 20Docker自定义镜像-Dockerfile

热门相关搜索

路由器设置 木托盘 宝塔面板 儿童python教程 心情低落 朋友圈 vim 双一流学科 专升本 我的学校 日记学校 西点培训学校 汽修学校 情书 化妆学校 塔沟武校 异形模板 西南大学排名 最精辟人生短句 6步教你追回被骗的钱 南昌大学排名 清朝十二帝 北京印刷学院排名 北方工业大学排名 北京航空航天大学排名 首都经济贸易大学排名 中国传媒大学排名 首都师范大学排名 中国地质大学(北京)排名 北京信息科技大学排名 中央民族大学排名 北京舞蹈学院排名 北京电影学院排名 中国戏曲学院排名 河北政法职业学院排名 河北经贸大学排名 天津中德应用技术大学排名 天津医学高等专科学校排名 天津美术学院排名 天津音乐学院排名 天津工业大学排名 北京工业大学耿丹学院排名 北京警察学院排名 天津科技大学排名 北京邮电大学(宏福校区)排名 北京网络职业学院排名 北京大学医学部排名 河北科技大学排名 河北地质大学排名 河北体育学院排名

学习工具

代数计算器

三角函数

解析几何

立体几何

知识解答

教育知识

百科知识

生活知识

常识知识

写作必备

作文大全

作文素材

句子大全

实用范文

关于我们

关于我们

联系我们

网站地图

名师互学网交流群

名师互学网客服

名师互学网 版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号

关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号：晋ICP备2021003244-6号