jQuery ajax 部门(dept)表操作

最新推荐文章于 2021-11-13 17:54:46 发布
最新推荐文章于 2021-11-13 17:54:46 发布
阅读量549 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43986060/article/details/87933159
版权

在这里插入图片描述
#实体类 Dept.java

package com.neu.entity;

public class Dept {
	private Integer deptno;
	private String dname;
	private String loc;
	public Dept() {
		super();
		// TODO 自动生成的构造函数存根
	}
	public Dept(Integer deptno, String dname, String loc) {
		super();
		this.deptno = deptno;
		this.dname = dname;
		this.loc = loc;
	}
	public Integer getDeptno() {
		return deptno;
	}
	public void setDeptno(Integer deptno) {
		this.deptno = deptno;
	}
	public String getDname() {
		return dname;
	}
	public void setDname(String dname) {
		this.dname = dname;
	}
	public String getLoc() {
		return loc;
	}
	public void setLoc(String loc) {
		this.loc = loc;
	}
	@Override
	public int hashCode() {
		final int prime = 31;
		int result = 1;
		result = prime * result + ((deptno == null) ? 0 : deptno.hashCode());
		result = prime * result + ((dname == null) ? 0 : dname.hashCode());
		result = prime * result + ((loc == null) ? 0 : loc.hashCode());
		return result;
	}
	@Override
	public boolean equals(Object obj) {
		if (this == obj)
			return true;
		if (obj == null)
			return false;
		if (getClass() != obj.getClass())
			return false;
		Dept other = (Dept) obj;
		if (deptno == null) {
			if (other.deptno != null)
				return false;
		} else if (!deptno.equals(other.deptno))
			return false;
		if (dname == null) {
			if (other.dname != null)
				return false;
		} else if (!dname.equals(other.dname))
			return false;
		if (loc == null) {
			if (other.loc != null)
				return false;
		} else if (!loc.equals(other.loc))
			return false;
		return true;
	}
	@Override
	public String toString() {
		return "Dept [deptno=" + deptno + ", dname=" + dname + ", loc=" + loc + "]";
	}
}

#DeptDa.java

package com.neu.dao;

import java.util.List;

import com.neu.entity.Dept;


public interface DeptDao {
	List<Dept> getAll() throws Exception;
	int getInsert(Dept dept) throws Exception;
	int getUpdate(Dept dept) throws Exception;
	int getDelete(int deptno) throws Exception;
	Dept getById(int deptno) throws Exception;
	List<Dept> search(String dname) throws Exception;
}

#DeptDaoImpl.java

package com.neu.dao;

import java.sql.Connection;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;

import com.neu.entity.Dept;


public class DeptDaoImpl implements DeptDao {

	@Override
	public List<Dept> getAll() throws Exception {
		Connection connection = JDBCUtil.getConnection();
		String sql="select * from dept";
		ResultSet rs = JDBCUtil.executeQuery(connection, sql, null);
		List<Dept> list = new ArrayList<>();
		Dept dept = null;
		int deptno;
		String dname;
		String loc;
		while(rs.next()) {
			deptno=rs.getInt("deptno");
			dname=rs.getString("dname");
			loc=rs.getString("loc");
			dept = new Dept(deptno, dname, loc);
			list.add(dept);
		}
		JDBCUtil.closeConnection(connection);
		return list;
	}

	@Override
	public int getInsert(Dept dept) throws Exception {
		String sql = "insert into dept values (?,?,?)";
		int n = JDBCUtil.executeUpdate(sql, new Object[] {dept.getDeptno(),dept.getDname(),dept.getLoc()});
		return n;
	}

	@Override
	public Dept getById(int deptno) throws Exception {
		Connection connection = JDBCUtil.getConnection();
		String sql="select * from dept where deptno = ?";
		ResultSet rs = JDBCUtil.executeQuery(connection, sql, new Object[] {deptno});
		
		Dept dept = null;
		
		String dname;
		String loc;
		if(rs.next()) {
			
			dname=rs.getString("dname");
			loc=rs.getString("loc");
			dept = new Dept(deptno, dname, loc);
			
		}
		JDBCUtil.closeConnection(connection);
		return dept;
	}

	@Override
	public int getUpdate(Dept dept) throws Exception {
		String sql = "update dept set dname = ?,loc = ? where deptno = ?";
		int n = JDBCUtil.executeUpdate(sql, new Object[] {dept.getDname(),dept.getLoc(),dept.getDeptno()});
		
		return n;
	}

	@Override
	public int getDelete(int deptno) throws Exception {
		String sql = "delete from dept where deptno = ?";
		int n = JDBCUtil.executeUpdate(sql, new Object[] {deptno});
		return n;
	}

	@Override
	public List<Dept> search(String dname) throws Exception {
		Connection connection = JDBCUtil.getConnection();
		String sql="select * from dept where dname = ?";
		ResultSet rs = JDBCUtil.executeQuery(connection, sql, new Object[] {dname});
		List<Dept> list = new ArrayList<>();
		Dept dept = null;
		int deptno;
		String loc;
		while(rs.next()) {
			deptno=rs.getInt("deptno");
			loc=rs.getString("loc");
			dept = new Dept(deptno, dname, loc);
			list.add(dept);
		}
		JDBCUtil.closeConnection(connection);
		return list;
	}

}

#DeptService.java

package com.neu.service;

import java.util.List;

import com.neu.entity.Dept;

public interface DeptService {
	List<Dept> getAll() throws Exception;
	int getInsert(Dept dept) throws Exception;
	Dept getById(int deptno) throws Exception;
	int getUpdate(Dept dept) throws Exception;
	int getDelete(int deptno) throws Exception;
	List<Dept> search(String dname) throws Exception;
}

#DeptServiceImpl.java

package com.neu.service;

import java.util.List;

import com.neu.dao.DeptDao;
import com.neu.dao.DeptDaoImpl;
import com.neu.entity.Dept;

public class DeptServiceImpl implements DeptService {
	private DeptDao deptDao = new DeptDaoImpl();
	@Override
	public List<Dept> getAll() throws Exception {
		// TODO 自动生成的方法存根
		return deptDao.getAll();
	}

	@Override
	public int getInsert(Dept dept) throws Exception {
		// TODO 自动生成的方法存根
		return deptDao.getInsert(dept);
	}

	@Override
	public Dept getById(int deptno) throws Exception {
		// TODO 自动生成的方法存根
		return deptDao.getById(deptno);
	}

	@Override
	public int getUpdate(Dept dept) throws Exception {
		// TODO 自动生成的方法存根
		return deptDao.getUpdate(dept);
	}

	@Override
	public int getDelete(int deptno) throws Exception {
		// TODO 自动生成的方法存根
		return deptDao.getDelete(deptno);
	}

	@Override
	public List<Dept> search(String dname) throws Exception {
		// TODO 自动生成的方法存根
		return deptDao.search(dname);
	}

}

#DeptServlet.java

package com.neu.servlet;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.neu.entity.Dept;
import com.neu.service.DeptService;
import com.neu.service.DeptServiceImpl;

import net.sf.json.JSONArray;
import sun.awt.RepaintArea;

/**
 * Servlet implementation class DeptServlet
 */
@WebServlet("/DeptServlet")
public class DeptServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		request.setCharacterEncoding("utf-8");
		String method = request.getParameter("method");

		if ("add".equals(method)) {
			doAdd(request, response);
		} else if ("delete".equals(method)) {
			doDel(request, response);
		} else if ("update".equals(method)) {
			doUpd(request, response);
		} else if ("getAll".equals(method)) {
			doGetAll(request, response);
		} else if ("search".equals(method)) {
			doSearch(request, response);
		}

	}

	private void doSearch(HttpServletRequest request, HttpServletResponse response) {
		DeptService deptService = new DeptServiceImpl();
		String dname = request.getParameter("dname");
		try {
			List<Dept> deptList = deptService.search(dname);
			String jsonArray = JSONArray.fromObject(deptList).toString();
			response.getWriter().print(jsonArray);
		} catch (Exception e) {
			// TODO 自动生成的 catch 块
			e.printStackTrace();
		}

	}

	private void doGetAll(HttpServletRequest request, HttpServletResponse response) {
		DeptService deptService = new DeptServiceImpl();
		try {
			List<Dept> list = deptService.getAll();
			request.setAttribute("list", list);
			request.getRequestDispatcher("/WEB-INF/jsp/dept/dept.jsp").forward(request, response);
		} catch (Exception e) {
			// TODO 自动生成的 catch 块
			e.printStackTrace();
		}

	}

	private void doUpd(HttpServletRequest request, HttpServletResponse response) throws IOException {
		Integer deptno = Integer.parseInt(request.getParameter("deptno"));
		String dname = request.getParameter("dname");
		String loc = request.getParameter("loc");

		Dept dept = new Dept(deptno, dname, loc);
		DeptService deptService = new DeptServiceImpl();
		int result;
		try {
			result = deptService.getUpdate(dept);
		} catch (Exception e) {
			result = 0;
			e.printStackTrace();
		}

		response.getWriter().print(result);
	}

	private void doDel(HttpServletRequest request, HttpServletResponse response) throws IOException {
		Integer deptno = Integer.parseInt(request.getParameter("deptno"));
		DeptService deptService = new DeptServiceImpl();
		int result;
		try {
			result = deptService.getDelete(deptno);
		} catch (Exception e) {
			result = 0;
			e.printStackTrace();
		}

		response.getWriter().print(result);

	}

	private void doAdd(HttpServletRequest request, HttpServletResponse response) throws IOException {
		Integer deptno = Integer.parseInt(request.getParameter("deptno"));
		String dname = request.getParameter("dname");
		String loc = request.getParameter("loc");

		Dept dept = new Dept(deptno, dname, loc);
		DeptService deptService = new DeptServiceImpl();
		int result;
		try {
			result = deptService.getInsert(dept);
		} catch (Exception e) {
			result = 0;
			e.printStackTrace();
		}

		response.getWriter().print(result);

	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

#dept.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery-3.2.1.js"></script>
<script type="text/javascript">
	$(function(){
		//删除部门信息
		 $(document).on("click","a:contains(删除)",function(){
			if(confirm("是否删除?")){
				var url = "${pageContext.request.contextPath }/DeptServlet?method=delete";
				var param = "deptno="+$(this).data("deptno");
				var t=this;
				$.get(url,param,function(data){
					if(data=="1"){
						$(t).parent().parent().remove();
					}else{
						alert("删除失败");
					}
				});
			}
		}); 
		//编辑部门信息
		$(document).on("click","a:contains(编辑)",function(){
			
			$(this).text("保存").parent().parent().children().each(function(index){
				if(index<3){
					var text = $(this).text();
					$(this).empty();
					if(index==0){
						$("<input type='text' name='deptno'>").attr("readonly","true").val(text).appendTo($(this));
					}else if(index==1){
						$("<input type='text' name='dname'>").val(text).appendTo($(this));
					}else if(index==2){
						$("<input type='text' name='loc'>").val(text).appendTo($(this));
					}
				}
			});
		}); 
		
		//保存编辑后的信息
		$(document).on("click","a:contains(保存)",function(){
			var url = "${pageContext.request.contextPath }/DeptServlet?method=update";
			var param = $("form:eq(1)").serialize();
			var t = this;
			$.get(url,param,function(data){
				if(data=="1"){
					$(t).text("编辑").parent().parent().children().each(function(index){
						if(index<3){
							var val = $(this).children().eq(0).val();
							$(this).empty();
							$(this).text(val);
						}
						
					});
				}else{
					alert("保存失败");
				}
			});
			
		});
		//添加新部门 
		$(":button[value=add]").click(function(){
			var url = "/jQueryDemo3/DeptServlet?method=add";
			var param = $("form").serialize();
			$.get(url,param,function(data){
				if(data=="1"){
					var tr = $("<tr>");
					tr.appendTo("#tab");
					$("<td>").text($("[name=deptno]").val()).appendTo(tr);
					$("<td>").text($("[name=dname]").val()).appendTo(tr);
					$("<td>").text($("[name=loc]").val()).appendTo(tr);
					var del = $("<a>").attr("href","#").data("deptno",$("[name=deptno]").val()).text("删除");
					$("<td>").append(del).appendTo(tr);
					var upd = $("<a>").attr("href","#").text("编辑");
					$("<td>").append(upd).appendTo(tr);
					
					$("[name=deptno]").val("");
					$("[name=dname]").val("");
					$("[name=loc]").val("");
				}else{
					alert("添加失败");
				}
			});
		});
		//条件查询
		 $(":button[value=search]").click(function(){
			var url = "${pageContext.request.contextPath}/DeptServlet?method=search";
			var param = $("[name=dname]").eq(0).serialize();
			$.post(url,param,function(data){
				var jsonArray = eval("("+data+")");
				//清空表格数据保留首行
				$("#tab").children().children().not(":eq(0)").remove();
				 $(jsonArray).each(function(){
					var tr = $("<tr>").appendTo("#tab");
					
					$("<td>").text(this.deptno).appendTo(tr);
					$("<td>").text(this.dname).appendTo(tr);
					$("<td>").text(this.loc).appendTo(tr);
					var del = $("<a>").attr("href","#").text("删除");
					$("<td>").append(del).appendTo(tr);
					var upd = $("<a>").attr("href","#").text("编辑");
					$("<td>").append(upd).appendTo(tr);
				}); 
			});
		}); 
	});
</script>
</head>
<body>
	<form>
		<table style="text-align: center;">
			<caption>添加部门表</caption>
			<tr>
				<td>部门编号<input type="text" name="deptno"></td>
				<td>部门名称<input type="text" name="dname"></td>
				<td>部门地址<input type="text" name="loc"></td>
			</tr>
			<tr>
				<td colspan="3" align="center"><input type="button" value="add">
					<input type="button" value="search">(*根据部门名称查询)</td>
			</tr>
		</table>
	</form>
	<hr>
	<form>
		<table width="500" id="tab" border="1">
			<tr>
				<th>部门编号</th>
				<th>部门名称</th>
				<th>部门地址</th>
				<th>删除</th>
				<th>编辑</th>
			</tr>
			<c:forEach items="${ list }" var="dept">
				<tr>
					<td>${ dept.deptno }</td>
					<td>${ dept.dname }</td>
					<td>${ dept.loc }</td>
					<td><a href="#" data-deptno="${ dept.deptno }">删除</a></td>
					<!-- html5中允许添加数据属性 data-属性名 -->
					<td><a href="#">编辑</a></td>
				</tr>
			</c:forEach>

		</table>
	</form>
</body>
</html>
十里相思
关注
基于Python Flask框架+jquery Ajax技术实现的增删改查（CRUD）+Ajax的异步文件上传
weixin_44423698的博客
10-20 1754
1
emp_dept表结构和表数据
02-10
oracle中自带的两个表emp、dept 用来学习sql语句不错~
部门选择控件（jquery插件）
06-28
是一款jquery的部门选择控件，支持部门树展示，勾选选择部门
玩转jQuery设计数据表格：实现AJAX功能
weixin_33682719的博客
12-06 63
当前在Web开发中，jQuery和PHP无疑是绝佳的配合。其中PHP由于其简单易用，深得开发者的喜爱，而jQuery则由于在前端开发中的灵活和简单，功能强大，可以做出很多很眩目的效果。在上篇文章中，主要讲述了设计表格基类，本文将主要介绍测试和运行部分，以及加入AJAX功能，整合jQuery。 　　测试运行 　　现在，我们可以在CI中测试运行下我们所写的数据表格助手类是否有...
ajax加载表,JQuery AJAX加载使用AJAX的表格
weixin_31355483的博客
08-05 128
所以我有一个按钮，它将根据ID调用AJAX函数。在这里它从PHP文件中提取信息(一个html表单)。这几乎是一个简单的形式。它完美地加载。我在这个表单中也有一个函数，它也被加载到主html文件中。出于测试目的，我只是希望它可以防止提交并在表单下面附加测试短语。不幸的是，这不起作用。我试图将表单strait放入html文件中，而不通过AJAX加载，并且工作正常，表单不提交并输出消息。JQuery A...
jQuery,ajax,mysql部门表操作
fg89817380的博客
02-25 231
jQuery,ajax,mysql部门表操作 demo8.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; &lt;/style&gt; &lt;script
ajax方式选择部门获取部门中所有成员
a391557355的博客
12-12 749
使用struts2方式： 前端代码： 选择部门的前端代码： 选择部门人员的前端代码： --请选择-- ajax代码: function changeManager(){ //获取选中的部门 var deptId = $("#deptId>option:selected").val(); //alert(deptId); $.ajax({ url:'user
ajax_dept_test
12-23
在PHP端，收到请求后，服务器会根据传递的参数执行相应的数据库查询，比如从"dept"表中筛选出指定父部门下的所有子部门。这里可能涉及到SQL的JOIN操作或者递归查询，具体取决于部门数据的存储结构。查询结果通常以...
PHP、Smarty与jQuery Ajax 分页插件jquery.pager.js的使用
04-06
### PHP、Smarty与jQuery Ajax 分页插件jquery.pager.js的使用详解 #### 一、引言 随着互联网技术的不断发展，用户对于网页交互性的需求越来越高。为了提升用户体验，Ajax技术逐渐成为一种不可或缺的技术手段。它...
jquery+ajax+jsp+servlet实现二级级联菜单
01-15
接下来，使用jQuery来绑定事件监听器，并通过Ajax调用后端接口来获取部门数据。以下为关键代码： ```javascript var parent_id = "<s:property value="user.suboffice_id"/>"; var child_id = ...
用jQuery和ajax写一个部门管理的修改功能
最新发布
06-01
以下是一个简单的部门管理页面示例，使用jQuery和AJAX实现部门信息修改功能，包括动态操作HTML元素、处理表单数据和发送AJAX请求： HTML代码： ``` <!DOCTYPE html> 部门管理 ...
ajax 在部门下选择人员
09-11
ajax 在部门下选择人员 很常用，关键时刻就找不见了
基于jquery的职位选择
06-01
jQuery完整的职业选择，选择个数可以控制。
emp,dept经典数据库练习表
08-04
数据库练习表(emp,dept),经典的数据库练习表，是初学者的最好帮手
Oracle练习的三个表emp，dept，salgrade
08-08
Oracle练习的三个表emp，dept，salgrade
云计算（dept表结构）
m0_60655253的博客
11-13 935
dept表结构 字段名 字段说明 数据类型 主键 外键 非空 唯一 自增 d_no 部门编号 INT(11) 是 否 是 是 是 d_n...
3.3 ORACLE 的 EMP&DEPT表 建表语句
BF-Lone Silver Wind 的博客
12-18 1598
ORACLE 的 EMP&DEPT表 建表语句 -- 创建表与数据 CREATE TABLE EMP (EMPNO NUMBER(4) NOT NULL, ENAME VARCHAR2(10), JOB VARCHAR2(9), MGR NUMBER(4), HIREDATE DATE, SAL NUMBER(7, 2), COMM NUMBER(7, 2), DEPTNO NUMBER(...
Jquery easyui + MVC实现无限级部门小示例
编码改变世界
09-16 1650
使用jquery easyui和MVC实现无限级部门的treeview 升降级 重命名 新增等功能。 1、效果预览： 2、Department数据库设计： Description暂时未用和Deep只是识别了一下深度为0的为root级部门（可以换用ParentId==null识别，Deep虽只是标示了root级别部门但在实现升降时候也做了相应的处理）。 CREATE TABLE
TreeList + <select />+Ajax实现按部门选择员工
Leen_Jude的专栏
05-28 1439
用代表部门的TreeList控件的FocusedNodeChanged事件不能直接产生对应的员工到select中，解决方法:要用到TreeList的ClientSideEvents事件，再加一个Ajax请求实现向select中添加员工 aspx代码:                 oncustomdatacallback="treeList_CustomDataCallback"
jQuery Ajax应用：操作表格与插件实例
本篇教程主要讲解了如何在jQuery中应用Ajax技术以及操作表格的相关内容，结合实际的JavaScript代码示例，帮助读者深入理解并掌握这些关键技能。 首先，我们了解jQuery的核心概念。jQuery方法被封装在jQuery对象中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值