easyui+servlet增删改查

最新推荐文章于 2021-02-27 01:31:16 发布
最新推荐文章于 2021-02-27 01:31:16 发布
阅读量1.4k 收藏 5
点赞数 2
分类专栏： # easyui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Z865785437029/article/details/78368962
版权

使用easyui+servlet做个小练习，struggle.gifuploading.4e448015.gif转存失败重新上传取消struggle.gifuploading.4e448015.gif转存失败重新上传取消struggle.gifuploading.4e448015.gif转存失败重新上传取消奋斗

 

servlet代码

 

public class UserServlet extends HttpServlet{

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		 String flag=req.getParameter("flag");
		 if(flag==null){
			 doList(req,resp);
		 }else if("add".equals(flag)){
			 doAdd(req,resp);
		 }else if("updateUI".equals(flag)){
			 doUpdateUI(req,resp);
		 }else if("update".equals(flag)){
			 doUpdate(req,resp);
		 }else if("delete".equals(flag)){
			 doDelete(req,resp);
		 }
	}

	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		doGet(req,resp);
		
	}
	protected void doList(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		
		try {
			Class.forName("com.mysql.jdbc.Driver");
			Connection conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/easyui", "root", "000000");
			Statement stat=conn.createStatement();
			String sql="select * from users";
			ResultSet rs=stat.executeQuery(sql);
			List<Users>userList=new ArrayList<Users>();
			resp.setContentType("text/html;charset=utf-8");
			while(rs.next()){
				Users users=new Users();
				users.setId(rs.getInt("id"));
				users.setFirstname(rs.getString("firstname"));
				users.setLastname(rs.getString("lastname"));
				users.setPhone(rs.getString("phone"));
				users.setEmail(rs.getString("email"));
				userList.add(users);
			}
			String str="{\"total\":"+userList.size()+" ,\"rows\":"+net.sf.json.JSONArray.fromObject(userList).toString()+"}";
			resp.getWriter().write(str);
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		} catch (SQLException e) {
			e.printStackTrace();
		}
	}
	protected void doAdd(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		   String firstname=req.getParameter("firstname");
		   String lastname=req.getParameter("lastname");
		   String phone=req.getParameter("phone");
		   String email=req.getParameter("email");
		   JSONObject json=new JSONObject();
		try {
			Class.forName("com.mysql.jdbc.Driver");
			Connection conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/easyui", "root", "000000");
			String sql="insert into users(firstname,lastname,phone,email)values(?,?,?,?)";
			PreparedStatement pr=conn.prepareStatement(sql);
			pr.setString(1, firstname);
			pr.setString(2, lastname);
			pr.setString(3, phone);
			pr.setString(4, email);
			pr.executeUpdate();
			json.put("success", "true");
			resp.getWriter().write(json.toString());
		} catch (ClassNotFoundException e) {
			json.put("error", "false");
			e.printStackTrace();
		} catch (SQLException e) {
			e.printStackTrace();
		}
	}
	protected void doUpdateUI(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		int id=Integer.parseInt(req.getParameter("id"));
		Users users=new Users();
		try {
			Class.forName("com.mysql.jdbc.Driver");
			Connection conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/easyui", "root", "000000");
			Statement stat=conn.createStatement();
			String sql="select * from users where id="+id;
			ResultSet rs=stat.executeQuery(sql);
			while(rs.next()){
				users.setId(rs.getInt("id"));
				users.setFirstname(rs.getString("firstname"));
				users.setLastname(rs.getString("lastname"));
				users.setPhone(rs.getString("phone"));
				users.setEmail(rs.getString("email"));
				req.setAttribute("users", "users");
			}
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		} catch (SQLException e) {
			e.printStackTrace();
		}
		
		
	}
	protected void doUpdate(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		   String firstname=req.getParameter("firstname");
		   String lastname=req.getParameter("lastname");
		   String phone=req.getParameter("phone");
		   String email=req.getParameter("email");
		   int id=Integer.parseInt(req.getParameter("id"));
		   JSONObject json=new JSONObject();
		   try {
			Class.forName("com.mysql.jdbc.Driver");
			 Connection conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/easyui", "root", "000000");
			 String sql="update users set firstname=?,lastname=?,phone=?,email=? where id=?";
			 PreparedStatement pr=conn.prepareStatement(sql);
			 pr.setString(1, firstname);
			 pr.setString(2, lastname);
			 pr.setString(3, phone);
			 pr.setString(4, email);
			 pr.setInt(5, id);
			 pr.executeUpdate();
		     json.put("success", "true");
		 	resp.getWriter().write(json.toString());
		} catch (ClassNotFoundException e) {
			 json.put("error", "false");
			e.printStackTrace();
		} catch (SQLException e) {
			e.printStackTrace();
		}
	}
	protected void doDelete(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		int id=Integer.parseInt(req.getParameter("id"));
		try {
			Class.forName("com.mysql.jdbc.Driver");
			Connection conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/easyui", "root", "000000");
			Statement stat=conn.createStatement();
			String sql="delete from users where id="+id;
			stat.executeUpdate(sql);
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		} catch (SQLException e) {
			e.printStackTrace();
		}
	
		
	}

 

 

jsp页面

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="themes/icon.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<style type="text/css">
  <style type="text/css"> 
        #fm 
        { 
            margin: 0; 
            padding: 10px 30px; 
        } 
        .ftitle 
        { 
            font-size: 14px; 
            font-weight: bold; 
            padding: 5px 0; 
            margin-bottom: 10px; 
            border-bottom: 1px solid #ccc; 
        } 
        .fitem 
        { 
            margin-bottom: 5px; 
        } 
        .fitem label 
        { 
            display: inline-block; 
            width: 80px; 
        } 
    </style> 
</head>
<body>
   <table id="dg"></table>
		<div id="dlg" class="easyui-dialog" style="width: 500px; height: 300px; padding: 10px 20px;" closed="true" buttons="#dlg-buttons"> 
		       <form id="fm" method="post">
		       <div class="fitem"> 
		                            首次登陆名<input id="firstname" name="firstname" class="easyui-validatebox"/> 
		       </div> 
		       <div class="fitem"> 
		           最后登录名<input id="lastname" name="lastname" class="easyui-validatebox"/> 
		       </div> 
		       <div class="fitem"> 
		           手机          <input id="phone" name="phone" value="${users.phone}" class="easyui-validatebox"/> 
		       </div> 
		       <div class="fitem"> 
		           邮箱          <input id="email" name="email"  value="${users.email}" class="easyui-vlidatebox"/> 
		       </div> 
		       </form> 
		</div>
	<div id="dlg-buttons"> 
	        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="save()" iconcls="icon-save">保存</a> 
	        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#dlg').dialog('close')"
	            iconcls="icon-cancel">取消</a> 
	</div>
	
	<div id="dllg" class="easyui-dialog" style="width: 500px; height: 300px; padding: 10px 20px;" closed="true" buttons="#dlg-buttons"> 
		       <form id="fmm" method="post">
		       <div class="fitem"> 
		                            首次登陆名<input id="firstname" name="firstname" class="easyui-validatebox"/> 
		       </div> 
		       <div class="fitem"> 
		           最后登录名<input id="lastname" name="lastname" class="easyui-validatebox"/> 
		       </div> 
		       <div class="fitem"> 
		           手机          <input id="phone" name="phone" value="${users.phone}" class="easyui-validatebox"/> 
		       </div> 
		       <div class="fitem"> 
		           邮箱          <input id="email" name="email" value="${users.email}" class="easyui-vlidatebox"/> 
		       </div> 
		       <input type="hidden" name="id" id="id" /> 
		       </form> 
		</div>
	<div id="dlg-buttons"> 
	        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="saveuser()" iconcls="icon-save">保存</a> 
	        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#dllg').dialog('close')"
	            iconcls="icon-cancel">取消</a> 
	</div>
</body>
<script type="text/javascript">
    $(function(){
    	$('#dg').datagrid({
    	    url:"${pageContext.request.contextPath}/userServlet.do",
    	    nowrap: true,
			fit : true,
			fitColumns : false,
			border : false,
			rownumbers : true,
			idField : 'id',
			remoteSort: false,
			singleSelect : true,
			checkOnSelect : true,
			selectOnCheck : true,
			showPageList:false,
    	    columns:[[
    	        {field:'id',title:'编号',width:100},
    	        {field:'firstname',title:'首次名',width:100},
    	        {field:'lastname',title:'最后名',width:100},
    	        {field:'phone',title:'手机',width:100},
    	        {field:'email',title:'邮箱',width:150}
    	    ]],
    	     toolbar:[{
    	    	    text:'新增',
    	    	    iconCls: 'icon-add',
    	    	    handler: function(){
    	    	    	add();
    	    	    }
    	    	    },'-',{
    	    	    	text:'修改',
        	    	    iconCls: 'icon-edit',
        	    	    handler: function(){
        	    	    	update();
        	    	    }
    	    	    },'-',{
    	    	    	text:'删除',
    	    	    	iconCls: 'icon-remove',
        	    	    handler: function(){
        	    	    	destroyUser();
        	    	    }
    	    	    }]
    	});
    });
    function add(){
    	$("#dlg").dialog("open").dialog('setTitle', '新增用户');
    	 $("#fm").form("clear");
    }
    function save() {
        $("#fm").form("submit", {
            url: "${pageContext.request.contextPath}/userServlet.do?flag=add",
            onsubmit: function () {
                return $(this).form("validate");
            },
            success: function (result) {
                if (result) {
                    $.messager.alert("提示信息", "操作成功");
                    $("#dlg").dialog("close");
                    $("#dg").datagrid("load");
                }else {
                    $.messager.alert("提示信息", "操作失败");
                }
            }
        });
    }
    function saveuser() {
    	 $("#fmm").form("submit", {
             url: "${pageContext.request.contextPath}/userServlet.do?flag=update",
             onsubmit: function () {
                 return $(this).form("validate");
             },
             success: function (result) {
                 if (result) {
                     $.messager.alert("提示信息", "修改成功");
                     $("#dllg").dialog("close");
                     $("#dg").datagrid("load");
                 }else {
                     $.messager.alert("提示信息", "操作失败");
                 }
             }
         });
    }
    function update(){
    	var row = $('#dg').datagrid('getSelected');
    	if(row){
    		$("#dllg").dialog("open").dialog('setTitle', '更新用户');
    		$("#fmm").form("clear");
    		$("#fmm").form("load", row);
             url = "${pageContext.request.contextPath}/userServlet.do?id=" + row.id+"&flag=updateUI";
    	}
    }
    function destroyUser() {
        var row = $('#dg').datagrid('getSelected');
        if (row) {
            $.messager.confirm('Confirm', '您确认删除吗?', function (r) {
                if (r) {
                    $.post('${pageContext.request.contextPath}/userServlet.do?flag=delete'+"&id="+row.id, function (json) {
                    		 $.messager.alert("提示信息", "删除成功");
                    		 $("#dlg").dialog("close");
                    		 $("#dg").datagrid("load");
                    });
                }
            });
        }else{
       	 $.messager.alert("提示信息", "请选择要删除的数据");
        }
    }  
    		
</script>
</html>

 

本次用到的jar包

 


页面效果

 


 

 

 

 

云飞扬12345
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Easyui权限管理(Servlet，数据文件MySQL)
10-01
Easyui加Servlet的权限管理，采用角色管理，用户管理，权限管理的方式进行对用户与角色之间关系的配对，角色与权限关系的配对，实现用户与角色，角色与权限之间的多对多关系，即可实现一个用户对应多个角色，一个角色有多个权限。
easyui+jsp+servlet上手实例
08-25
完整的easyui的datagrid使用实例，带你快速入门，一步上手
java的rs转list_ResultSet转换成List的方法
weixin_34627088的博客
02-27 630
方法一：ResultSet转换为List的方法private static List convertList(ResultSet rs) throws SQLException {List list = new ArrayList();ResultSetMetaData md = rs.getMetaData();int columnCount = md.getColumnCount(); //M...
使用easyui从servlet传递json数据到前端页面的两种方法
12-11
两种方法获取的数据在servlet层传递的方法相同，下面为Servlet中代码，以查询表中所有信息为例。 //重写doGet方法 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub ​ request.setCharacterEncoding("UTF-8");//防止request请求时中文数据出现乱码 String flag
基于Servlet+EasyUI+Mysql的学生信息系统开源
程序员springmeng
06-10 1439
知识点：jsp servlet，MySQL数据库的基本操作，前端easyui框架。 适合人群：Java初学者、在校学生，（已经学过Java基础语法，对html有简单的了解，熟悉js、jquery语法）。 用到的工具：eclipse、MySQL 首先看下系统的截图 dao层的代码如下 所示： package com.ischoolbar.programmer.dao; import java.sql.ResultSet; import java.sql.SQLExceptio
easyui+servlet+jdbc实现的异步增删改查
01-19
在IT领域，尤其是在Web开发中，"easyui+servlet+jdbc实现的异步增删改查"是一个常见的实践，尤其适合初学者入门。这个主题涵盖了前端界面、后端处理以及数据库操作三个关键部分。 EasyUI是一个基于jQuery的前端UI...
springmvc+spring+hibernate4+easyui实现的增删改查
01-19
标题 "springmvc+spring+hibernate4+easyui实现的增删改查" 描述了一个基于Java技术栈的Web应用程序开发案例。这个项目利用了Spring MVC作为MVC框架，Spring作为服务层管理，Hibernate 4作为持久层框架，以及EasyUI...
easyui ajax实现增删改查源码
07-27
本文将详细解析基于EasyUI、Ajax、Jquery、JSP、Servlet和JDBC的"easyui ajax实现增删改查"项目，以及如何利用这些技术进行数据库操作。 首先，EasyUI是一个基于jQuery的UI框架，提供了丰富的组件，如表格、下拉框...
基于MyBatis+servlet+EasyUI+Oracle完成的一个员工信息管理系统.zip
最新发布
12-24
开发者可能使用SQL语句通过MyBatis与Oracle数据库进行交互，进行数据的增删改查。 项目可能涉及的其他知识点： - **Maven/Gradle**：构建工具，用于管理项目的依赖关系，构建和打包应用。 - **JSP/...
J2EE 之easyui+servlet+javabean模式（三）
qq_42421212的博客
04-11 108
Easyui创建用户显示界面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>管理员信息列表</title> <link rel="stylesheet" type="text/css" href="js/themes/defau...
servlet+easyui 初学Demo
06-16
jQuery是一个JavaScript库，它简化了HTML文档遍历，事件处理，动画和为网络快速发展的Ajax交互。变化包括一个重写的Ajax模块，划分 jQuery子类的能力，以及许多其他功能增强，修复各种内存泄漏，性能改进和加强跨浏览器的兼容。鼓励测试该版本的用户提供反馈和报告他们遇到的任何错误。
学生信息管理系统(JSP+Servlet+EasyUI)--入门项目
07-13
学生信息管理系统(JSP+Servlet+EasyUI)--入门项目！！！
jsp+servlet+ajax+easyui学生管理系统
06-03
入门级JSP开发，适合初学者学习，easyui框架方便美观，适合做管理系统
Easyui，Echart，Jsp+Servlet开发简单完整实例
07-29
jsp+servlet开发的完整过程，easyui，echart的基本使用。项目完整代码。
jsp+servlet+easyui
11-12
jsp+servlet+easyui学生班级管理系统,mysql数据库,其中还有入门教程
使用Servlet、EasyUI实现数据表格的增删改查实例
WihauShe's Blogger
04-26 251
Java后端 Bean类 public class BaseBean { private int page; private int rows; private int from; public int getPage() { return page; } public void setPage(int page) { ...
easyui mysql_基于Servlet+EasyUI+Mysql学生信息管理系统
weixin_33643788的博客
01-18 403
基于Servlet+EasyUI+Mysql学生信息管理系统介绍基于Servlet+EasyUI+Mysql的学生信息管理系统，快来学习吧!公众号：springmeng 回复信息：学生信息文档 领取源码资料内容非常详细！1. 系统的部署软件安装，在b站java攀登网001首页中搜索：部署；需要下载eclipse，navicat，mysql，jdk1.7，tomcat7.0直接导入源码：需要...
使用 EasyUI+MySQL+Servlet 实现用户数据维护功能
IT小村
11-25 8095
一、前言 用过 EasyUI 的人都知道，它是一个很好的显示数据的框架，如 SQLyog 这种非客户人员使用的页面，是不需要追求太多的特效的页面，只需要 ①方便地对数据进行分页显示、操作 ②方便数据地进行增删改查地处理。 ③写一个简单的信息管理系统，如课程设计、毕业设计、小型的外包。 EasyUI 无疑是最好的选择了。 下面是笔者写的一个简单的增删改的页面，也方便大家的理解，大家可以以...
easyui对账户的增删改查
05-04
对于账户的增删改查功能，可以结合 EasyUI 提供的表格、表单、对话框等组件来实现。 以下是一个简单的账户管理示例： HTML： ```html <!-- 显示账户列表的表格 --> <table id="accountTable" class="easyui-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值