标签：改查 top Eclipse Server width jsp sno margin left
一、应用名称：STD学生管理系统（Javaweb）
二、使用工具：sql server数据库，Eclipse软件
三、实现的功能：多表的综合运用，学生信息的增删改查、条件查询、模糊查询、精确查询等
四、步骤：
1、新建数据库：student
2、新建表：
①学生表：student（sno，sname,ssex,ssdept,sgrade）
属性含义：（学号，姓名，性别，所在系，年级）
②宿舍表：home(sno,shome)
属性含义：（学号，宿舍号）
create table student( sno int primary key, sname varchar(10) not null, ssex varchar(10), ssdept varchar(10), sgrade varchar(10)); create table home( sno int, shome varchar(10) not null, primary key(sno), foreign key(sno) references student(sno));
3、在eclipse新建web工程并导入连接sql server数据库的jar包：sqljdbc4.jar
4、新建index.jsp，实现加载学生所有信息，以及提供增加信息和查询功能
<%@ page language="java" import="java.sql.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
<title>学生管理系统</title>
</head>
<script type="text/javascript">
function add() {
location.href = "add.jsp";
}
</script>
<style>
.form-control {
width: 90%;
}
</style>
<body>
<table class="table table-hover table-striped table-bordered table-sm"
id="resultshow">
<tr>
<td colspan="7" align="center">
<h1>STD学生管理系统</h1>
</td>
</tr>
<tr>
<td colspan="3" align="center">
<button type="button" class="btn btn-info" onclick="add()">添加信息</button>
</td>
<td colspan="4" align="center">
<form action="select.jsp" method="post">
<table >
<tr>
<td><input type="text" class="form-control"
name="content"></td>
<td><select name="way" class="form-control" >
<option value="">--请选择查询方式--</option>
<option value="1">学号</option>
<option value="2">性别</option>
<option value="3">所在系</option>
<option value="4">年级</option>
<option value="5">宿舍</option>
<option value="6">姓名</option>
</select></td>
<td>
<button type="submit" class="btn btn-info">查询</button></td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td align="center">学号</td>
<td align="center">姓名</td>
<td align="center">性别</td>
<td align="center">所在系</td>
<td align="center">年级</td>
<td align="center">宿舍号</td>
<td align="center">操作</td>
</tr>
<%
String driverName = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; //加载JDBC驱动
String dbURL = "jdbc:sqlserver://localhost:1433; DatabaseName=student";//连接服务器和数据库sample
String userName = "sa"; //默认用户名
String userPwd = "123456"; //密码
Class.forName(driverName);
Connection dbConn = DriverManager.getConnection(dbURL, userName, userPwd);
Statement stmt = dbConn.createStatement();
String sql = "select student.sno,sname,ssex,ssdept,sgrade,shome from student join home on student.sno=home.sno";
ResultSet rs = stmt.executeQuery(sql); //执行查询语句
//从结果集中读取各字段并输出
while (rs.next()) {
String id = rs.getString(1);
out.println("<tr><td align='center'>" + rs.getString(1) + "</td><td align='center'>" + rs.getString(2)
+ "</td><td align='center'>" + rs.getString(3) + "</td><td align='center'>" + rs.getString(4)
+ "</td><td align='center'>" + rs.getString(5) + "</td><td align='center'>" + rs.getString(6)
+ "</td><td align='center'><a href='update.jsp?id=" + id
+ "'>修改</a> <a href='del.jsp?id=" + id
+ "' onclick = 'return del()'>删除</a></td></tr>");
}
//关闭操作
rs.close();
stmt.close();
dbConn.close();
%>
</table>
<script>
//删除确认
function del() {
if (!window.confirm('是否要删除数据??'))
return false;
}
</script>
</body>
</html>
index.jsp
5、add.jsp以及addsave.jsp用来保存学生基本信息
<%@ page contentType="text/html; charset=utf-8" import="java.sql.*"%>
<html>
<head>
<meta charset="UTF-8">
<title>添加学生信息</title>
</head>
<link rel="stylesheet"
href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<style>
.container {
width: 100%;
height: 700px;
position: relative;
background: url("img/2.png") no-repeat center/cover;
}
.login {
width: 500px;
height: auto;
background-color: white;
position: absolute;
top: 100px;
left: 350px;
border-radius: 8px;
}
label {
float: left;
width: 100px;
margin-top: 7px;
margin-right: 5px;
}
.form-control {
width: 60%;
}
.logtip {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 2px solid red;
text-align: center;
}
.form-group {
margin-left: 40px;
margin-top: 20px;
}
.btn {
height: 50px;
width: 100px;
float: left;
border-radius: 10px;
}
.btnbag {
margin-left: 200px;
margin-right: 200px;
height: 50px;
overflow: hidden;
margin-top: 30px;
margin-bottom: 40px;
}
</style>
<body>
<div class="container">
<div class="login">
<h2 class="logtip">学生信息</h2>
<form action="addsave.jsp" method="post" onsubmit="return check()">
<div class="form-group">
<label for="sno">学号</label> <input type="text"
class="form-control" id="sno" name="sno">
</div>
<div class="form-group">
<label for="sname">姓名</label> <input type="text"
class="form-control" id="sname" name="sname">
</div>
<div class="form-group">
<label for="ssex">性别</label> <select name="ssex" id="ssex" class="form-control" >
<option value="">--请选择--</option>
<option value="男">男</option>
<option value="女">女</option>
</select>
</div>
<div class="form-group">
<label for="ssdept">所在系</label> <input type="text"
class="form-control" id="ssdept" name="ssdept">
</div>
<div class="form-group">
<label for="sgrade">年级</label> <select name="sgrade" id="sgrade" class="form-control" >
<option value="">--请选择--</option>
<option value="2017级">2017级</option>
<option value="2018级">2018级</option>
<option value="2019级">2019级</option>
<option value="2020级">2020级</option>
</select>
</div>
<div class="btnbag">
<input type="submit" class="btn btn-primary logbtn" value="确定">
</div>
</form>
</div>
</div>
</body>
<script type="text/javascript">
function check() {
var sno = document.getElementById("sno").value;
var sname = document.getElementById("sname").value;
if ((sno == "") || (sname == "")) {
alert("学号/姓名必填!");
return false;
}
return true;
}
</script>
</html>
add.jsp
<%@ page language="java" import="java.sql.*" pageEncoding="utf-8"%>
<html>
<head>
<title>添加学生信息</title>
</head>
<body>
<%
request.setCharacterEncoding("utf-8");
String sno = request.getParameter("sno");
session.setAttribute("sno", sno);
String sname = request.getParameter("sname");
String ssex = request.getParameter("ssex");
String ssdept = request.getParameter("ssdept");
String sgrade = request.getParameter("sgrade");
String driverName = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; //加载JDBC驱动
String dbURL = "jdbc:sqlserver://localhost:1433; DatabaseName=student";//连接服务器和数据库sample
String userName = "sa"; //默认用户名
String userPwd = "123456"; //密码
Class.forName(driverName);
Connection dbConn = DriverManager.getConnection(dbURL, userName, userPwd);
String sql = "insert into student(sno,sname,ssex,ssdept,sgrade) values(?,?,?,?,?)";
PreparedStatement stmt = dbConn.prepareStatement(sql);
stmt.setString(1, sno);
stmt.setString(2, sname);
stmt.setString(3, ssex);
stmt.setString(4, ssdept);
stmt.setString(5, sgrade);
int i = stmt.executeUpdate();
if (i == 1) {
out.println("<script>location.href = 'addhome.jsp';</script>");
} else {
out.println("<script>alert('添加失败');location.href = 'add.jsp';</script>");
}
stmt.close();
dbConn.close();
%>
</body>
</html>
addsave.jsp
6、addhome.jsp以及addhomesave.jsp用来保存学生宿舍信息
<%@ page contentType="text/html; charset=utf-8" import="java.sql.*"%>
<html>
<head>
<meta charset="UTF-8">
<title>添加学生信息</title>
</head>
<link rel="stylesheet"
href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<style>
.container {
width: 100%;
height: 700px;
position: relative;
background: url("img/2.png") no-repeat center/cover;
}
.login {
width: 500px;
height: auto;
background-color: white;
position: absolute;
top: 100px;
left: 350px;
border-radius: 8px;
}
label {
float: left;
width: 100px;
margin-top: 7px;
margin-right: 5px;
}
.form-control {
width: 60%;
}
.logtip {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 2px solid red;
text-align: center;
}
.form-group {
margin-left: 40px;
margin-top: 20px;
}
.btn {
height: 50px;
width: 100px;
float: left;
border-radius: 10px;
}
.btnbag {
margin-left: 200px;
margin-right: 200px;
height: 50px;
overflow: hidden;
margin-top: 30px;
margin-bottom: 40px;
}
</style>
<body>
<div class="container">
<div class="login">
<h2 class="logtip">宿舍</h2>
<form action="addhomesave.jsp" method="post" onsubmit="return check()">
<div class="form-group">
<label for="sno">学号</label> <input type="text"
class="form-control" id="sno" name="sno" value=<%=(String)(session.getAttribute("sno"))%> readonly="readonly">
</div>
<div class="form-group">
<label for="shome">宿舍</label> <input type="text"
class="form-control" id="shome" name="shome" placeholder="1栋001">
</div>
<div class="btnbag">
<input type="submit" class="btn btn-primary logbtn" value="确定">
</div>
</form>
</div>
</div>
</body>
<script type="text/javascript">
function check() {
var shome = document.getElementById("shome").value;
if (shome == "") {
alert("宿舍必填!");
return false;
}
return true;
}
</script>
</html>
addhome.jsp
<%@ page language="java" import="java.sql.*" pageEncoding="utf-8"%>
<html>
<head>
<title>添加学生信息</title>
</head>
<body>
<%
request.setCharacterEncoding("utf-8");
String sno = request.getParameter("sno");
String shome = request.getParameter("shome");
String driverName = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; //加载JDBC驱动
String dbURL = "jdbc:sqlserver://localhost:1433; DatabaseName=student";//连接服务器和数据库sample
String userName = "sa"; //默认用户名
String userPwd = "123456"; //密码
Class.forName(driverName);
Connection dbConn = DriverManager.getConnection(dbURL, userName, userPwd);
String sql = "insert into home(sno,shome) values(?,?)";
PreparedStatement stmt = dbConn.prepareStatement(sql);
stmt.setString(1, sno);
stmt.setString(2, shome);
int i = stmt.executeUpdate();
if (i == 1) {
out.println("<script>alert('添加成功');location.href = 'index.jsp';</script>");
} else {
out.println("<script>alert('添加失败');location.href = 'add.jsp';</script>");
}
stmt.close();
dbConn.close();
%>
</body>
</html>
addhomesave.jsp
7、update.jsp以及updatesave.jsp实现信息的修改
<%@ page language="java" import="java.sql.*" pageEncoding="utf-8"%>
<html>
<head>
<meta charset="UTF-8">
<title>修改学生信息</title>
</head>
<link rel="stylesheet"
href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<style>
.container {
width: 100%;
height: 700px;
position: relative;
background: url("img/2.png") no-repeat center/cover;
}
.login {
width: 500px;
height: auto;
background-color: white;
position: absolute;
top: 100px;
left: 350px;
border-radius: 8px;
}
label {
float: left;
width: 100px;
margin-top: 7px;
margin-right: 5px;
}
.form-control {
width: 60%;
}
.logtip {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 2px solid red;
text-align: center;
}
.form-group {
margin-left: 40px;
margin-top: 20px;
}
.btn {
height: 50px;
width: 100px;
float: left;
border-radius: 10px;
}
.logbtn {
margin-right: 20px;
}
.btnbag {
margin-left: 140px;
margin-right: 140px;
height: 50px;
overflow: hidden;
margin-top: 30px;
margin-bottom: 40px;
}
</style>
<body>
<%
String driverName = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; //加载JDBC驱动
String dbURL = "jdbc:sqlserver://localhost:1433; DatabaseName=student";//连接服务器和数据库sample
String userName = "sa"; //默认用户名
String userPwd = "123456"; //密码
Class.forName(driverName);
Connection dbConn = DriverManager.getConnection(dbURL, userName, userPwd);
Statement stmt = dbConn.createStatement();
String sql = "select student.sno,sname,ssdept,shome from student join home on student.sno=home.sno";
ResultSet rs = stmt.executeQuery(sql); //执行查询语句
rs.next();
%>
<div class="container">
<div class="login">
<h2 class="logtip">修改信息</h2>
<form action="updatesave.jsp" method="post" onsubmit="return check()">
<div class="form-group">
<label for="sno">学号</label> <input type="text" class="form-control"
id="sno" name="sno" value="<%=rs.getString(1)%>" readonly="readonly">
</div>
<div class="form-group">
<label for="sname">姓名</label> <input type="text"
class="form-control" id="sname" name="sname" value="<%=rs.getString(2)%>">
</div>
<div class="form-group">
<label for="ssex">性别</label> <select name="ssex" id="ssex"
class="form-control">
<option value="">--请选择--</option>
<option value="男">男</option>
<option value="女">女</option>
</select>
</div>
<div class="form-group">
<label for="ssdept">所在系</label> <input type="text"
class="form-control" id="ssdept" name="ssdept" value="<%=rs.getString(3)%>">
</div>
<div class="form-group">
<label for="sgrade">年级</label> <select name="sgrade" id="sgrade"
class="form-control">
<option value="">--请选择--</option>
<option value="2017级">2017级</option>
<option value="2018级">2018级</option>
<option value="2019级">2019级</option>
<option value="2020级">2020级</option>
</select>
</div>
<div class="form-group">
<label for="shome">宿舍</label> <input type="text"
class="form-control" id="shome" name="shome" value="<%=rs.getString(4)%>" readonly="readonly">
</div>
<div class="btnbag">
<input type="submit" class="btn btn-primary logbtn" value="确定">
<input type="reset" class="btn btn-primary mangbtn" value="重置">
</div>
</form>
</div>
</div>
</body>
<script type="text/javascript">
function check() {
var sno = document.getElementById("sno").value;
var sname = document.getElementById("sname").value;
if ((sno == "") || (sname == "")) {
alert("学号/姓名必填!");
return false;
}
return true;
}
</script>
</html>
update.jsp
<%@ page language="java" import="java.sql.*" pageEncoding="utf-8"%>
<html>
<head>
<title>修改完成</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<%
request.setCharacterEncoding("utf-8");
String sno = request.getParameter("sno");
String sname = request.getParameter("sname");
String ssex = request.getParameter("ssex");
String ssdept = request.getParameter("ssdept");
String sgrade = request.getParameter("sgrade");
String shome = request.getParameter("shome");
String driverName = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; //加载JDBC驱动
String dbURL = "jdbc:sqlserver://localhost:1433; DatabaseName=student";//连接服务器和数据库sample
String userName = "sa"; //默认用户名
String userPwd = "123456"; //密码
Class.forName(driverName);
Connection dbConn = DriverManager.getConnection(dbURL, userName, userPwd);
String sql = "update student set sname='" + sname + "',ssex='" + ssex + "',ssdept='" + ssdept + "',sgrade='" + sgrade
+ "' where sno=" + sno;
PreparedStatement stmt = dbConn.prepareStatement(sql);
int i = stmt.executeUpdate();
if (i == 1) {
out.println("<script>alert('修改成功');location.href = 'index.jsp';</script>");
} else {
out.println("<script>alert('修改失败');location.href = 'update.jsp?id='"+sno+";</script>");
}
stmt.close();
dbConn.close();
%>
</body>
</html>
updatesave.jsp
8、del.jsp实现删除功能
<%@ page contentType="text/html; charset=utf-8" language="java"
import="java.sql.*" pageEncoding="utf-8"%>
<html>
<head>
<title>删除学生信息</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<%
request.setCharacterEncoding("utf-8");
String id = request.getParameter("id");
String driverName = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; //加载JDBC驱动
String dbURL = "jdbc:sqlserver://localhost:1433; DatabaseName=student";//连接服务器和数据库sample
String userName = "sa"; //默认用户名
String userPwd = "123456"; //密码
Class.forName(driverName);
Connection dbConn = DriverManager.getConnection(dbURL, userName, userPwd);
String sql = "delete from home from home JOIN student on home.sno=student.sno where home.sno="+id;
// out.println(sql);
PreparedStatement stmt = dbConn.prepareStatement(sql);
int i = stmt.executeUpdate();
if (i == 1) {
out.println("<script>alert('删除成功');;location.href = 'index.jsp';</script>");
} else {
out.println("<script>alert('删除成功');;location.href = 'index.jsp';</script>");
}
stmt.close();
dbConn.close();
%>
</body>
</html>
del.jsp
五、运行截图
index.jsp
添加信息
查询通过宿舍号模糊查询
修改
index.jsp
添加信息
查询①通过宿舍号模糊查询
②通过姓名精确查询
修改：
删除：
标签：改查,top,Eclipse,Server,width,jsp,sno,margin,left 来源： https://www.cnblogs.com/MoooJL/p/12995183.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。