jQuery,ajax,mysql部门表操作

最新推荐文章于 2023-04-12 06:16:50 发布
最新推荐文章于 2023-04-12 06:16:50 发布
阅读量229 收藏
点赞数
文章标签： 课讲
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fg89817380/article/details/87921143
版权

jQuery,ajax,mysql部门表操作

demo8.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
</style>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>

<script>			
			$(function(){	
				/* $(document).on({
					"mouseover":function(){
						$(this).css("color","antiquewhite");
					},
					"mouseout":function(){
						$(this).css("color","black");
					}
				},"p"); */
				
				/* $(document).off("mouseout mouseover","p"); */
				
				$(document).on("click","a:contains(删除)",function(){
					if(confirm('是否删除？')){
						//$(this).parent().parent().remove();
						//发送ajax请求，给远程的服务器
						var url = "/jQuerydemo1/DeptServlet?method=del";
						var param = "deptno="+$(this).parent().parent().children().eq(0).text();
						var o = this;
						$.get(url,param,function(data){
							if(data == "1"){
								$(o).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' size='3'>").prop("readonly",true).val(text).appendTo($(this));	
							}else if(index==1){
								$("<input type='text' name='dname' size='3'>").val(text).appendTo($(this));
							}else if(index==2){
								$("<input type='text' name='loc' size='3'>").val(text).appendTo($(this));
							}							
						}
					});
				});
				
				$(document).on("click","a:contains(保存)",function(){
					var url="/jQuerydemo1/DeptServlet?method=update";
					var param = $("form:eq(1)").serialize();
					var o = this;
					$.get(url,param,function(data){
						if(data=="1"){
							$(o).text("编辑").parent().parent().children().each(function(index){
								if(index < 3){
									var text = $(this).children().eq(0).val();
									
									$(this).empty();
									
									$(this).text(text);							
								}
							});
						}else{
							alert("保存失败");
						}
					});
					
					
				});
				
				$(":button").click(function(){
					
					//发送ajax请求，给远程的服务器
					var url = "/jQuerydemo1/DeptServlet?method=add";
					var param = $("form").serialize();
					
					$.get(url,param,function(data){
						//服务器发回响应结果，然后，如果服务器添加成功，则执行下面的操作
						if(data == "1"){
							var tr = $("<tr>");
							tr.appendTo("table");
							
							$("<td>").text($("[name=deptno]").val()).appendTo(tr);
							$("<td>").text($("[name=dname]").val()).appendTo(tr);
							$("<td>").text($("[name=loc]").val()).appendTo(tr);
							
							var a = $("<a>").attr("href","#").text("删除");
							
							$("<td>").append(a).appendTo(tr);
							
							var edit = $("<a>").attr("href","#").text("编辑");
							$("<td>").append(edit).appendTo(tr);
							
							$("[name=deptno]").val("");
							$("[name=dname]").val("");
							$("[name=loc]").val("");
						}else{
							alert("添加失败！");
						}
						
					});
				});
			});
		</script>
</head>
<body>
	<form>
		<div style="text-align: center;">
			<p>添加部门</p>
			<p>
				deptno:<input type="text" name="deptno"> dname:<input
					type="text" name="dname"> loc:<input type="text" name="loc">
			</p>
			<p>
				<input type="button" value="add">
			</p>
		</div>
	</form>
	<hr>
	<form action="">
		<table border="1" width="300" align="center">
			<tr>
				<th>部门编号</th>
				<th>部门名称</th>
				<th>部门地址</th>
				<th>删除</th>
				<th>编辑</th>
			</tr>
		</table>
	</form>
</body>
</html>

服务器 DeptServlet

package com.neu.servlet;

import java.io.IOException;
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;

/**
 * Servlet implementation class DeptServlet
 */
@WebServlet("/DeptServlet")
public class DeptServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public DeptServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	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("del".equals(method)) {
			doDel(request,response);
		}else if("update".equals(method)) {
			doUpdate(request,response);
		}
		
	}

	private void doUpdate(HttpServletRequest request, HttpServletResponse response) throws IOException{	
		DeptService deptService = new DeptServiceImpl();
		
		Integer deptno = Integer.parseInt(request.getParameter("deptno"));
		String dname = request.getParameter("dname");
		String loc = request.getParameter("loc");
		
		Dept dept = new Dept(deptno, dname, loc); 
		int result;
		try {
			result = deptService.update(dept);
		} catch (Exception e) {
			result = 0;
			e.printStackTrace();
		}
		response.getWriter().print(result);
		
		
	}

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

	private void doAdd(HttpServletRequest request, HttpServletResponse response) throws IOException {
		DeptService deptService = new DeptServiceImpl();
		
		Integer deptno = Integer.parseInt(request.getParameter("deptno"));
		String dname = request.getParameter("dname");
		String loc = request.getParameter("loc");
		
		Dept dept = new Dept(deptno, dname, loc); 
		int result;
		try {
			result = deptService.insert(dept);
		} catch (Exception e) {
			result = 0;
			e.printStackTrace();
		}
		
		
		response.getWriter().print(result);
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// 执行doGet方法
		doGet(request, response);
	}

}

DeptDao Dao表

package com.neu.dao;

import java.util.List;

import com.neu.entity.Dept;

public interface DeptDao {
	List<Dept> getAll() throws Exception;
	
	Dept getById(int deptno) throws Exception;
	//pageNum:页号，pageSize:每一页最大行数
	List<Dept> getPaged(int pageNum,int pageSize) throws Exception;
	//得到记录数(表中)
	int getCount() throws Exception;
	
	int insert(Dept dept) throws Exception;
	int delete(int deptno) throws Exception;
	int update(Dept dept) throws Exception;
	
}

DeptDaoImpl表

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 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 List<Dept> getPaged(int pageNum, int pageSize) throws Exception {
		Connection connection = JDBCUtil.getConnection();
		
		String sql = "select * from dept limit ?,?";
		
		ResultSet rs = JDBCUtil.executeQuery(connection, sql, new Object[] {(pageNum-1)*pageSize,pageSize});
		
		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 getCount() throws Exception {
		Connection connection = JDBCUtil.getConnection();
		String sql ="select count(*) from dept";
		ResultSet rs = JDBCUtil.executeQuery(connection, sql, null);
		int count = 0;
		if(rs.next()) {
			count=rs.getInt(1);
		}
		JDBCUtil.closeConnection(connection);
		return count;
	}

	@Override
	public int insert(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 int delete(int deptno) throws Exception {
		String sql = "delete from dept where deptno =?";
		int n = JDBCUtil.executeUpdate(sql, new Object[] {deptno});
		return n;
	}

	@Override
	public int update(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;
	}

}

Dept

package com.neu.entity;

public class Dept {
	private Integer deptno;
	private String dname;
	private String 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 + "]";
	}
	public Dept() {
		super();
		// TODO Auto-generated constructor stub
	}
	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;
	}
}

service

package com.neu.service;

import java.util.List;

import com.neu.entity.Dept;

public interface DeptService {
	List<Dept> getAll() throws Exception;
	List<Dept> getPaged(int pageNum,int pageSize) throws Exception;
	int getCount() throws Exception;
	int insert(Dept dept) throws Exception;
	int delete(int deptno) throws Exception;
	int update(Dept dept) throws Exception;
}

DeptServiceImpl

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 {
		
		return deptDao.getAll();
	}
	@Override
	public List<Dept> getPaged(int pageNum, int pageSize) throws Exception {
		// TODO 自动生成的方法存根
		return deptDao.getPaged(pageNum, pageSize);
	}
	@Override
	public int getCount() throws Exception {
		// 
		return deptDao.getCount();
	}
	@Override
	public int insert(Dept dept) throws Exception {
		// 
		return deptDao.insert(dept);
	}
	@Override
	public int delete(int deptno) throws Exception {
		
		return deptDao.delete(deptno);
	}
	@Override
	public int update(Dept dept) throws Exception {
		// TODO 自动生成的方法存根
		return deptDao.update(dept);
	}

}
田佳 java
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery+Ajax+PHP+MySQL实现分类列表管理 中文WORD版
05-26
首先，jQuery是一个轻量级的JavaScript库，它简化了DOM（文档对象模型）操作、事件处理、动画效果以及Ajax交互。在本案例中，jQuery被用来提高前端的用户体验，通过其简洁的API，可以轻松地实现页面元素的选择、操作...
jquery mysql查询_MySQL 查询数据
weixin_26712075的博客
01-27 272
MySQL 查询数据MySQL 数据库使用SQL SELECT语句来查询数据。你可以通过 mysql> 命令提示窗口中在数据库中查询数据，或者通过PHP脚本来查询数据。语法以下为在MySQL数据库中查询数据通用的 SELECT 语法：SELECT column_name,column_nameFROM table_name[WHERE Clause][OFFSET M ][LIMIT N]查...
error reconnecting to master ‘userName@192.168.1.88:3306‘ - retry-time: 60 maximum-retries: 86400
xuander666的博客
01-25 1430
MySQL做数据同步查看Slave从服务器状态的时候报错 解决方案一 1.进入主服务器的mysql配置文件 2.注释 #bind-address = 127.0.0.1(最好注释原有的 不要删除) 3.重新添加 bind-address = 0.0.0.0 4.重启MySQL 解决方案二 1.检查主从两个服务器mysql->data->auto.cnf文件,server-uuid是否一致 2.如果一致修改里面的值保证不同即可 3.重启主从两个服务器的MySQL 完整版MySQL主从数据
jquery 读取 mysql_通过jQuery怎么获取数据库的内容
weixin_36132766的博客
02-01 1474
通过jQuery获取数据库内容的方法：可利用【jQuery.ajax()】来实现，代码为【jQuery.ajax({type: "post",url: "XX.htm",data: {value : $(this).val()}】。该方法适用于所有品牌电脑通过jQuery获取数据库内容的方法：JQuery与数据库交互可利用jQuery.ajax()来实现，AJAX 是一种与服务器交换数据的技术。使...
使用jQuery的PHP和MySQL的AJAX实例
最新发布
o67f2wpkvdf3bpe8的博客
04-12 137
为什么我们需要使用AJAX？AJAX可以帮助我们从用户界面向服务器通信，而不需要重新加载我们的页面，并有助于减少服务器的带宽成本，而且可以提高用户体验。在本教程中，我们将使用JQuery库实现PHP和MySQL的AJAX实例，用简单的雇员保存和获取记录来测试AJAX的POST和GET方法。所以，我们现在将开始我们的代码。让我们在下面建立我们的index.html。
jquery操作mysql_数据库操作手册
weixin_42347671的博客
02-26 732
1.查看数据库的版本和日期 mysql> SELECT VERSION(), CURRENT_DATE;2.创建数据库 CREATE DATABASE 库名;3.a.创建表 create table name;b.查看表 show tables;c.查看表结构 describe 表name5.在表中插入记录inset into pet('pullball','torm','f','1993...
Jquery+ajax+php+mysql数据库实现用户注册登录
04-06
在本项目中，"Jquery+ajax+php+mysql数据库实现用户注册登录"是一个典型的Web应用程序开发案例，它涵盖了前端交互、后端处理以及数据库管理等多个方面。以下将详细阐述这些知识点： 1. **Jquery**：Jquery是一个...
ajax jQuery demo
03-16
jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理以及Ajax交互等任务。 在本示例中，我们主要探讨以下几个核心知识点： 1. **jQuery的Ajax函数**：jQuery提供了一系列便捷的Ajax方法，如`$.ajax()`...
Ajax应用：jQuery+PHP+MySQL发表评论
08-30
综上所述，通过结合jQuery的Ajax功能、PHP的服务器处理和MySQL的数据库操作，我们可以实现一个实时的评论系统，提供良好的用户体验。在实际开发中，还需要考虑其他因素，如错误处理、用户体验优化、安全性以及性能调...
jquery ajax 请求小技巧实例分析
12-13
在数据库层面，MySQL的InnoDB引擎支持事务处理，可以利用触发器在数据修改时自动执行某些操作。如果在事务中使用触发器，可以根据触发器的执行结果来决定是否提交（`COMMIT`）或回滚（`ROLLBACK`）事务。 在jQuery...
html5+jquery+mysql登陆验证实例
03-06
该针对网站登录流程的实例，详细叙述登录过程的实现。环境：myeclipse+mysql。具体阐述见http://write.blog.csdn.net/postlist
jquery php+mysql 表格双击可编辑,表单失去焦点自动提交保存数据
04-06
jquery php+mysql 表格双击可编辑,表单失去焦点自动提交保存数据，很实用！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
jQuery实现将mysql数据库中的数据转化为json数据在前台显示
04-27
用jquery中的.getjson()技术和.ajax技术实现从后台中的mysql数据在前台显示，能够直接在myeclipse运行。
使用jsp,jquery,easyUI,ssh,mysql框架完整的表格增删改,及页面布局的项目
03-27
1.eclipse直接导入工程. 2.mysql中导入sql脚本 3.修改conf\mysql-jdbc.properties文件. 进入后密码为 admin/admin
jQuery公司部门员工分组代码.zip
05-23
jQuery公司部门员工分组代码，点击选择员工编号，可全选和清空。
jquery 读取 mysql_jquery 读取数据库
weixin_39673601的博客
01-27 904
10 款新鲜出炉的jQuery UI插件本文收集了10款jQuery插件，用于UI设计。它们均新鲜出炉，很有帮助。这些插件包括可编辑表格、向导设计等类型。1. Smart Wizard这是灵活的jQuery插件，用户制作漂亮的向导界面，查看演示.2. MsgUI Notification Plugin通过该插件可以排版所有的消...文章楚广明2012-01-06713浏览量10 款新鲜出炉的jQ...
MySQL 五 连接
W_H_M_2018的博客
10-26 503
Table of Contents MySQL 连接 使用mysql二进制方式连接 实例 使用 PHP 脚本连接 MySQL 语法 语法 实例 连接 MySQL MySQL 连接 使用mysql二进制方式连接 您可以使用MySQL二进制方式进入到mysql命令提示符下来连接MySQL数据库。 实例 以下是从命令行中连接mysql服务器的简单实例： [root@host]# mysql -u root -p Enter password:****** 在登录成功后会出现 mys
jquery ajax连接mysql_继上篇-jquery ajax提交 本篇用ajax提交的数据去数据库查询
weixin_36147152的博客
01-27 606
今天我们把数据传到数据库去做一下查询。话不多说，上教程。首先，我们先建立数据库：CREATE TABLE `user` (`id` int(11) NOT NULL AUTO_INCREMENT,`username` varchar(255) DEFAULT NULL,`password` varchar(255) DEFAULT NULL,PRIMARY KEY (`id`))INSERT IN...
jquery ajax 访问 mysql,MySQL的jQuery Ajax调用
weixin_35690047的博客
02-06 145
I have found many threads regarding this issue, but unfortunately I couldn't get it running. Problem is I don't know much about JQuery.I am trying to make an Ajax call using JQuery in order to fetch m...
mysql的安装
wx25051的博客
11-25 235
一、首先打开mysql的官网https://dev.mysql.com/downloads/mysql/目前最新版本的mysql是8.0按照自己的需求安装。 Linux/UNIX 上安装 MySQL Linux平台上推荐使用RPM包来安装Mysql,MySQL AB提供了以下RPM包的下载地址： MySQL - MySQL服务器。你需要该选项，除非你只想连接运行在另一台机器上的MySQL服务器。 MySQL-client - MySQL 客户端程序，用于连接并操作Mysql服务器。 MySQL-devel
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值