JSP+Servlet+jQuery实现简单的 MySQL 数据库的增、删、改、查

最新推荐文章于 2023-02-28 13:43:15 发布
最新推荐文章于 2023-02-28 13:43:15 发布
阅读量2k 收藏 29
点赞数 4
分类专栏： 项目 文章标签： Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Snakehj/article/details/90291049
版权

这个小项目通过使用 jsp、servlet、jQuery 在网页中对 MySQL 数据库中的数据进行增删改查。

软件：Eclipse
数据库：MySQL

请注意：关于数据库的一些的地方需要进行适当修改

jQuery中使用 Ajax 的语法格式：

$.ajax({
    type:" ",//提交的格式：GET 或 POST
    url:" ",//要提交的“地方”
    data:{key:value, key:value, `````},//待提交的数据
    success:function(data){
          //处理数据的操作
    },//处理成功返回的数据
});

项目的文件

在这里插入图片描述

代码

Book.java

package com.lyq.bean;

public class Book {
	private int id;
	private String name;
	private int bookCount;
	
	public int getId() {return id;}
	public String getName() {return name;}
	public int getBookCount() {return bookCount;}
	
	public void setId(int id) {this.id = id;}
	public void setName(String name) {this.name = name;}
	public void setBookCount(int bookCount) {this.bookCount = bookCount;}

}

AddServlet.java

package 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 java.sql.*;

/**
 * Servlet implementation class AddServlet
 */
@WebServlet("/AddServlet")
public class AddServlet extends HttpServlet {
	
	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		
		response.setCharacterEncoding("utf-8");
		
		int id = Integer.valueOf(request.getParameter("id"));
	    String name = request.getParameter("bookName");
	    int bookCount = Integer.valueOf(request.getParameter("bookCount"));
	    try{
	    	Class.forName("com.mysql.jdbc.Driver");
	    	Connection con = DriverManager.getConnection("jdbc:mysql://localhost/tuShu","root","111111");
	    	String sql = "insert into xinXi(id, name, bookCount) values(?, ?, ?)";
	    	PreparedStatement pr = con.prepareStatement(sql);
	    	
	    	pr.setInt(1, id);
	    	pr.setString(2, name);
	    	pr.setInt(3, bookCount);
	    	int row = pr.executeUpdate();
	    	
	    	String str =  "成功添加" + row + "条数据！";
	    	
	    	if(row > 0){
	    		response.getWriter().print(str);
	    	}
	    	else {
	    		response.getWriter().print("添加失败！");
	    	}
	    	pr.close();
	    	con.close();
	    }
	    catch(Exception ex){
	    	response.getWriter().print("失败！");
	    	ex.printStackTrace();
	    }
	}
}

DeleteServlet.java

package Servlet;

import java.sql.*;
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;

/**
 * Servlet implementation class DeleteServlet
 */
@WebServlet("/DeleteServlet")
public class DeleteServlet extends HttpServlet {
	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		
		response.setCharacterEncoding("UTF-8");
		int id = Integer.valueOf(request.getParameter("id"));
		
		try{
	    	Class.forName("com.mysql.jdbc.Driver");
	    	Connection con = DriverManager.getConnection("jdbc:mysql://localhost/tuShu","root","111111");
	    	String sql = "delete from xinXi where id=?";
			PreparedStatement pr = con.prepareStatement(sql);
			pr.setInt(1,id);
	    	int row = pr.executeUpdate();
	    	String str =  "成功删除" + row + "条数据！";
	    	if(row > 0){
	    		response.getWriter().print(str);
	    	}
	    	else {
	    		response.getWriter().print("删除失败！");
	    	}
	    	pr.close();
	    	con.close();
	    }
	    catch(Exception ex){
	    	response.getWriter().print("失败！");
	    	ex.printStackTrace();
	    }
	}
}

FindOneServlet.java

package Servlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.ArrayList;
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;

/**
 * Servlet implementation class FindOneServlet
 */
@WebServlet("/FindOneServlet")
public class FindOneServlet extends HttpServlet {
	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		
		response.setCharacterEncoding("UTF-8");
		int id = Integer.valueOf(request.getParameter("id"));
		try {
			Class.forName("com.mysql.jdbc.Driver");
			Connection con = DriverManager.getConnection("jdbc:mysql://localhost/tuShu","root","111111");
			Statement sta = con.createStatement();
			String sql = "select name, bookCount from xinXi where id=" + id;
			ResultSet rs = sta.executeQuery(sql);
			List<String> list = new ArrayList<String>();
			list.add(String.valueOf(id));
			while(rs.next()) {
				list.add(rs.getString(1));
				list.add(String.valueOf(rs.getInt(2)));
			}
			String str = "<table align=\"center\" border=\"1\"><tr><td>";
			str = str + list.get(0) + "</td><td>" + list.get(1)  + "</td><td>" + list.get(2) + "</td></table>";
			response.getWriter().print(str);
			rs.close();
			sta.close();
			con.close();
		}
		catch(Exception ex) {
			ex.printStackTrace();
		}
		
	}
}

UpdateServlet.java

package Servlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;

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

/**
 * Servlet implementation class UpdateServlet
 */
@WebServlet("/UpdateServlet")
public class UpdateServlet extends HttpServlet {
	
	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setCharacterEncoding("utf-8");
				
		int id = Integer.valueOf(request.getParameter("id"));
		int bookCount = Integer.valueOf(request.getParameter("bookCount"));
		try {
			Class.forName("com.mysql.jdbc.Driver");
			Connection con = DriverManager.getConnection("jdbc:mysql://localhost/tuShu","root","111111");
			String sql = "update xinXi set bookCount=? where id=?";
			PreparedStatement pr = con.prepareStatement(sql);
			pr.setInt(1,bookCount);
			pr.setInt(2, id);
			int row = pr.executeUpdate();
	    	String str =  "成功修改" + row + "条数据！";
	    	if(row > 0){
	    		response.getWriter().print(str);
	    	}
	    	else {
	    		response.getWriter().print("修改失败！");
	    	}
	    	pr.close();
	    	con.close();
			pr.close();
			con.close();
		}
		catch(Exception ex) {
			ex.printStackTrace();
		}		
	}
}

addBook.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<table align="center" border="1">
   <tr>
       <td>图书ID</td>
       <td><input type="text" id="id"></td>
   </tr>
   <tr>
       <td>图书名字</td>
       <td><input type="text" id="bookName"></td>
   </tr>
   <tr>
       <td>图书数量</td>
       <td><input type="text" id="bookCount"></td>
   </tr>
</table>
<button type="button" onclick="add()">添加</button>

<div id="result" align="center"></div>
<a href="index.jsp">返回到航页</a>

<script type="text/javascript" src="jQuery/jquery-3.4.1.js"></script>
<script type="text/javascript">
function add(){
	$.ajax({
		type:"GET",
		url:"AddServlet",
		data:{"id":$("#id").val(), "bookName":$("#bookName").val(), "bookCount":$("#bookCount").val()},
		success:function(data){
			console.log(data);
			$("#result").html(data);
		}
	});
}

</script>


</body>
</html>

deleteOne.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<table align="center" border="1">
    <tr colspan="2"><td>请填写要删除图书的ID</td></tr>
    <tr><td>图书ID</td><td><input type="text" id="id"></td></tr>
    <tr colspan="2"><td><input type="button" value="删除" onclick="Delete()"></td></tr>
</table>
<div id="result" align="center"></div>
<a href="index.jsp">返回到航页</a>

<script type="text/javascript" src="jQuery/jquery-3.4.1.js"></script><
<script type="text/javascript">

function Delete(){
	$.ajax({
		type:"GET",
		url:"DeleteServlet",
		data:{"id":$("#id").val()},
		success:function(data){
			console.log(data);
			$("#result").html(data);
		}
	});
}
</script>

</body>
</html>

FindAll.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.*" import="com.lyq.bean.*" import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<%
try {
	Class.forName("com.mysql.cj.jdbc.Driver");
	Connection con = DriverManager.getConnection("jdbc:mysql://localhost/tuShu","root","111111");
	String sql = "select * from xinXi";
	Statement sta = con.createStatement();
	ResultSet rs = sta.executeQuery(sql);
	ArrayList<Book> list = new ArrayList<>();
	while(rs.next()) {
		Book book = new Book();
		book.setId(rs.getInt(1));
		book.setName(rs.getString(2));
		book.setBookCount(rs.getInt(3));
		list.add(book);
	}
	String str = "<table align='center' width='450' border='1'><tr><td>ID</td><td>书名</td><td>数量</td></tr>";
	for(Book b : list){
		str = str + "<tr><td>" + b.getId() + "</td>";
		str = str + "<td>" + b.getName() + "</td>";
		str = str + "<td>" + b.getBookCount() + "</td></tr>";
	}
	str += "</table>";
	out.println(str); 
	rs.close();
	sta.close();
	con.close();
	}
	catch(Exception ex) {
		ex.printStackTrace();
	}


%>



</body>
</html>

findOne.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<table align="center" border="1">
    <tr colspan="2"><td>请填写要查找图书的ID</td></tr>
    <tr><td>图书ID</td><td><input type="text" id="id"></td></tr>
    <tr colspan="2"><td><input type="button" value="查找" onclick="find()"></td></tr>
</table>
<div id="result" align="center"></div>
<a href="index.jsp">返回到航页</a>

<script type="text/javascript" src="jQuery/jquery-3.4.1.js"></script><
<script type="text/javascript">

function find(){
	$.ajax({
		type:"GET",
		url:"FindOneServlet",
		data:{"id":$("#id").val()},
		success:function(data){
			console.log(data);
			$("#result").html(data);
		}
	});
}
</script>

</body>
</html>

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<table align="center" border="1">
   <tr>
      <td>请选择进行的操作</td>
   </tr>
   <tr align="center">
       <td><a href="addBook.jsp">增添图书</a></td>
    </tr>
    <tr align="center">
       <td><a href="deleteOne.jsp">删除图书</a></td>
    </tr>
    <tr align="center">
       <td><a href="updateOne.jsp">修改图书</a></td>
    </tr>
    <tr align="center">
       <td><a href="findOne.jsp">查找某一图书</a></td>
    </tr>
    <tr>
       <td><button type="button" onclick="findAll()">查看所有图书信息</button></td>
    </tr>   
</table>
<div id="div1" align="center"></div>


<script type="text/javascript" src="jQuery/jquery-3.4.1.js"></script>
<script type="text/javascript">
function findAll(){
	$.ajax({
		type:"GET",
		url:"FindAll.jsp",
		success:function(data){
			console.log(data);
			$("#div1").html(data);
		}
	});
}
</script>

</body>
</html>

updateOne.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<table align="center" border="1">
    <tr colspan="2"><td>请填写要删除图书的ID</td></tr>
    <tr><td>图书ID</td><td>图书数量</td></tr>
    <tr><td><input type="text" id="id"></td><td><input type="text" id="bookCount"></td></tr>
    <tr colspan="2"><td><input type="button" value="修改" onclick="update()"></td></tr>
</table>
<div id="result"></div>
<a href="index.jsp">返回到航页</a>

<script type="text/javascript" src="jQuery/jquery-3.4.1.js"></script><
<script type="text/javascript">

function update(){
	$.ajax({
		type:"GET",
		url:"UpdateServlet",
		data:{"id":$("#id").val(), "bookCount":$("#bookCount").val()},
		success:function(data){
			console.log(data);
			$("#result").html(data);
		}
	});
}
</script>
</body>
</html>

ps：
使用的技术较为简单，在 Eclipse 中只需按照指示创建并拷贝代码即可。

Lavau
关注
  • 4
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
JSP连接MySQL数据库并实现增删改查功能
m0_61083409的博客
06-06 708
本文是实现创建web项目，并实现web项目连接MySQL数据库，实现对数据库的增删查改。本文需要的工具：1.Intellij IDEA2.Tomcat 8.5.4663.java运行环境 jdk 1.84.数据库MySQL 8.0.215.java数据连接驱动 jdbc 8.0.21.1.创建一个Web项目，并加入tomcat,按照一下步骤创建并加入tomca服务器。 2.加入mysql-connector-java-8.0.21.jar，需要在web目录下的Web-INF下创建一个lib目录把jar包加入
Servlet+jsp+jdbc实现增删改查项目
03-29
实现了一套增删改查，包括登陆、注册、查询分页、查看、修改、删除。应用eclipse、阿帕奇服务器、MySQL实现。直接导入sql文件，和工程，可以直接运行。
学生信息管理系统（实现增删改查操作）Java+Servlet+HTML+CSS+数据库
12-09
Java+Servlet+HTML+CSS+数据库，实现的学生信息管理系统，实现了 新增和查询功能。 覆盖知识 java部分：程序基本概念、数据类型、流程控制、顺序、选择 、循环、跳转语句、变量、类、方法、实用类、JDBC、三层架构Druid连接池、Apache的DBUtils使用、Servlet等。 数据库部分：创建表、增删改查语句的书写等。 前端部分：HTML、CSS、jQuery、JavaScript等。 编码顺序 添加项目需要使用的各种jar包 HTML 页面表单的编写 Apache方法的DBUtils编写 实体类的数据初始化（添加私有变量、有参/无参构造、get/set方法、toString() 方法重写） 完成数据表创建 三层架构的搭建（dao层接口和实现类的编写、service层接口和实现类的编写、view层的Servlet类的编写）
jsp+servlet+mysql实现数据增删改查及批量功能
qq_43407671的博客
04-07 3492
jsp+servlet+mysql实现数据增删改查及批量功能 第一次发文，结合课堂实践综合完成 采用最基础框架MVC设计，M模型层，V视图层，C控制层 实现基本的数据库增删改查功能及批量修改批量删除 总体框架结构 相关代码 bean包 Student.java package bean; import java.io.Serializable; public class Student ...
简单的jsp+servlet+jdbc+mysql实现用户增删改查-一抹茶-csdn
热门推荐
一抹茶-CSDN的博客
11-27 2万+
jsp+servlet+jdbc+mysql实现用户增删改查 项目下载地址…里面包含了项目文件,jar,bootstrap,jquery,sql 也可以联系797726548QQ群获取下载 运行环境 .jdk1.8.0_102 .eclipse Neon.2 Release (4.6.2) .Tomcat 8.0.52 .mysql 5 7 项目准备 .创建web项目 .架包 .目录...
新手练习例子：jsp做的增删改查功能
jonny903的专栏
02-28 2316
jsp做的功能例子，可以连接mysql进行数据的增删改查。
python数据库操作sqlite_python操作sqlite3打开数据库、删除、修改实例
weixin_39730284的博客
11-24 319
#coding=utf-8__auther__ = 'xianbao'import sqlite3# 打开数据库def opendata():conn = sqlite3.connect("mydb.db")cur = conn.execute("""create table if not exists tianjia(id integer primary key autoincrement, u...
java 酒店管理系统源码 web项目 servlet+jsp+mysql+jquery带论文和答辩文档
05-07
前端主要应用框架技术：jsp+jquery 后端主要应用框架技术：servlet+mysql 开发工具：Myeclipse或Eclipse、jdk1.8、tomcat8、mysql5.6或5.7数据库。 温馨提示：有操作视频和运行文档，并且论文和答辩PPT
Java项目:家政服务系统(java+JSP+jquery+Servlet+Mysql)
06-26
项目介绍 本项目分为前后台，有普通用户与管理员两种角色，普通用户登录前台，管理员登录后台；...JSP+CSS+JavaScript+jquery+Servlet+mysql 使用说明 1. 使用Navicat或者其它工具，在mysql中创
JDBC+Servlet+JSP实现简单的数据遍历和查找功能
11-05 1万+
一、目标效果 1、能实现对数据库中的数据进行打印 这里的数据来自于数据库手动添加，暂时没有数据添加页面。隔行换色需要实现。 2、输入框能够实现查询工作 两个输入框都能单一和配合查询，描述支持模糊查询。   可以直接跳到末尾查看动图效果 二、工作准备 1、涉及的知识点 JDBCJSPJSTLServletEL 2、jar 包准备 mysql-connec
jsp+servlet+mysql实现简单的增删改查+分页
12-11
jsp+servlet+mysql实现简单的增删改查+分页非常适合刚开始学习的小伙伴
jsp+servlet+javabean+jdbc+mysql实现增删改查和分页功能
06-13
客户管理案例 1.目的：总结JDBC，和Servlet JSP结合到一起。 2.开发中的一些小技巧。 3.客户管理平台功能 * 添加客户 * 查询所有的客户的信息 * 修改客户信息 * 删除客户信息 * 按条件查询 * 分页查询数据 4.准备环境 5.Servlet + JSP +JavaBean + JDBC（DBUtils）+ mysql 6.数据库 create database day19; use day19; create table t_customer( id varchar(40) primary key, username varchar(20), gender varchar(10), birthday varchar(20), cellphone varchar(20), email varchar(40), love varchar(100), type varchar(40) ); 7.导入jar包。 * MySLQ驱动包 *mysql-connector-java-5.1.13-bin.jar * BeanUtils包 *commons-beanutils-1.8.3.jar *commons-logging-1.1.1.jar * JSTL标签库 * jstl.jar *standard.jar * DBUtils * commons-dbutils-1.4.jar * c3p0连接池 * c3p0-0.9.1.2.jar
JSP+SERVLET+MYSQL实现的增删改查javaweb小例子
08-17
完整的 JSP+SERVLET+MYSQL实现的增删改查javaweb小例子
mysql+jsp+servlet 增删改查实例
08-06
采用简单的MVC设计模式,M(模型层) -> Address.java 里面包含id，name,street,city,state,zip 等相关属性和set，get方法 V(视图层) -> 主要指jsp页面，包含list.jsp,add.jsp,edit.jsp C(控制层) -> 这里只用一个servlet实现其增删改查(简单明了，方便理解)
JSP+Servlet+MySQL或SQLServer实现增删改查，搜索，分页功能
08-15
JSP+Servlet+MySQL或SQLServer实现增删改查，搜索，分页功能 使用的是JavaWeb工程，创建的项目，附带完整的数据库设计，和效果图展示 使用的开发工具：MyEclipse+TomCat+MySQL或SQLServer 发布项目后的访问网址：http://localhost:8080/JavaServlet/show.jsp
jquery+ajax+jsp+servlet实现二级级联菜单
01-15
jquery+ajax+jsp+servlet实现二级级联菜单,这是自己在实践中总结的一点小经验，代码从前台JAP到Servlet以及后台数据库设计，测试数据完整的流程，相信有点java基础的同仁们都可以看得明白
Mysql + jsp +javabean+ jquery +ajax+servlet等的例子综合
01-17
ajax入门例子。还有之前上传的实现从数据库读取数据传到前台，实现单选多选，从控制台读取选中的数据
最简单的servlet加jsp增删改查项目，附数据库语句
05-25
没有写注释，也没有整理，适合练手，适合初学者，实现了登录，登出，记录来访数，数据库增删改查等功能
仓库管理系统jsp+servlet
最新发布
12-20
该系统的技术栈包括JSP、Servlet、MySQL、Struts等，支持MyEclipse开发环境。系统提供了详细的安装运行步骤和截图，适合新手使用。此外，系统代码完整，可以供学习和实践使用。另外，学完JavaWeb之后，使用JSP技术...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值