JAVA基础之增删改查

亣柒

已于 2022-04-06 03:44:17 修改

阅读量7.7k

点赞数 3

分类专栏： J2EE基本框架文章标签： eclipse java

于 2021-08-11 21:06:36 首次发布

本文链接：https://blog.csdn.net/m0_58525944/article/details/119616374

版权

开发工具：eclipse 数据库：Oracle

项目分析：

数据库的搭建：

项目结构：

一，主界面（采用无刷新的方法，该方法需要用到jQuery插件）

界面展示：（分页+删除+模糊查询（教员+班级+爱好））

代码展示：

<%@ 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>
<script src="js/jquery-3.3.1.js"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
</head>

<style type="text/css">

	table,tr{
	border-collapse: collapse;
		}
	td{
	text-align: center;
		}
	.aa{  
    background: white;  
    text-align: center;  
        }  
	
</style>

<body>
	<h4 align="center"><a href="AddStudent.jsp">增加学生</a></h4>
	<div class="aa">
	教员：
	<select name="tt1" id="tt1">
		<option value="">选择教员</option>
		<option value="华华">华华</option>
		<option value="晓哥">晓哥</option>
	</select> 班级：
	<select name="cc1" id="cc1">
		<option value="">选择班级</option>
		<option value="t269">t269</option>
		<option value="t270">t270</option>
	</select> 爱好：
	<input type="checkbox" name="h1" value="篮球" class="hobby">篮球
	<input type="checkbox" name="h2" value="台球" class="hobby">台球
	<input type="checkbox" name="h3" value="棒球" class="hobby">棒球
	<input type="checkbox" name="h4" value="铅球" class="hobby">铅球

	<button id="b1" onclick="loay()">查询</button>
	</div>

	<table  border="" width="600px" height="200px" align="center">
		<tr>
			<td>学生ID</td>
			<td>学生姓名</td>
			<td>带班教员</td>
			<td>所在班级</td>
			<td>学生爱好</td>
			<td>修改操作</td>
			<td>删除操作</td>
		</tr>
	</table>
	<div class="aa">
	当前为
	<span id="myb">页</span> 
	总页数
	<span id="mya">页</span> 

	<button onclick="loay('-')" id="p1">上一页</button>
	<span id="myc"></span>
	<button onclick="loay('+')" id="p2">下一页</button>
	</div>

	<script>
		//（当前页数）
	    var pages=1;
		//一个页面留几条
		var pageSize=3;
		//总页数
		var max=1;
		//集合
		var vals="";
	
		function loay(res){
			if(res=="+"){
				pages++;
			}
			if(res=="-"){
				pages--;
			}
			if(pages<=0)pages=1;
			if(pages>max)pages=max;
			//获取复选框值的方法
			$.each($('input:checkbox:checked'),function(){
				vals=vals+$(this).val();
			});
			console.log(vals)
			$.get("allstu.do",{
				pid:pages,
				tt1:$("#tt1").val(),
				cc1:$("#cc1").val(),
				val:vals
			},function(obb){ 
				console.log(obb)
				$(".a").remove();
				for(var i of obb.obs){
					$("table").append("<tr class='a'><td>"+i.ssid+"</td><td>"+i.sname+"</td><td>"+i.steacher+"</td><td>"+i.sclass+"</td><td>"+i.shobby+"</td><td><a href='allupdstu.do?id="+i.ssid+"'>修改</a></td><td><a href='delstu.do?id="+i.ssid+"'>删除</a></td></tr>")
				} 
				max=o