1、编写一个学生信息注册页面,并把学生信息写入数据库名称为book的数据库中
<%@ page import="java.sql.Connection" %>
<%@ page import="com.UserBean" %>
<%@ page import="java.sql.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:useBean id="username" class="com.UserBean" scope="application"></jsp:useBean>
<jsp:setProperty name="username" property="*"></jsp:setProperty>
<%
//加载驱动
Class.forName("com.mysql.jdbc.Driver");
//建立连接
String url ="jdbc:mysql://localhost:3306/book";
Connection connection = DriverManager.getConnection(url,"root","root");
connection.setAutoCommit(false); //关闭自动提交功能
//sql语句模板
String sql = "insert into tmy (username,password,gender,age) values (?,?,?,?)";//在PreparedStatement中使用问好代替实际参数
PreparedStatement ps =connection.prepareStatement(sql);
//参数赋值
UserBean user = new UserBean();
ps.setString(1,user.getUsername());
ps.setString(2,user.getPassword());
ps.setInt(3,user.getGender());
ps.setInt(4,user.getAge());
int count = ps.executeUpdate();
if(count > 0)
{
out.print("添加成功");
}else
{
out.print("添加失败");
}
response.setHeader("refresh","3;url=home.jsp");
%>
2、编写一个学生登录页面(从stuinfo数据库中读取学生信息)
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登陆页面</title>
<%--引入js css 文件--%>
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js\jquery.min.js"></script>
<script src="js\bootstrap.js"></script>
<script src="js\bootstrap.bundle.js"></script>
<style>
.container{
width:20%;
height:20%;
margin-top: 10%;
}
</style>
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<form role="form" method="post" action="index.jsp">
<div class="form-group">
<label for="exampleInputEmail1">账户名</label><input class="form-control" name="username" id="exampleInputEmail1" type="text" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">密码</label><input class="form-control" name="password" id="exampleInputPassword1" type="password" />
</div>
<button class="btn btn-default" type="submit">提交</button>
</form>
</div>
</div>
</div>
</body>
</html>
3、编写学生管理页面,实现学生信息的增删改查等操作
<%@ page import="java.sql.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>
<%
//加载数据库驱动
Class.forName("com.mysql.jdbc.Driver");
//建立数据库连接
String url="jdbc:mysql://localhost:3306/book";
Connection connection= DriverManager.getConnection(url,"root","root");
String sql ="select * from tmy";
PreparedStatement pstm =connection.prepareStatement(sql);
ResultSet rs=pstm.executeQuery();
%>
<div class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<h3 style="text-align: center">欢迎来到个人主页</h3>
<a class="btn" id="modal-198502" role="button" href="#modal-container-198502" data-toggle="modal">添加用户</a>
<table class="table">
<thead>
<th>ID</th>
<th>用户名</th>
<th>性别</th>
<th>年龄</th>
</thead>
<tbody>
<%
while(rs.next()){
out.print("<tr>");
out.print(
"<td>"+rs.getString("id")
+"</td><td>"+rs.getString("username")
+"</td><td>"+rs.getString("gender")
+"</td><td>"+rs.getString("age")
+"</td>"
+"<td><a href='delete.jsp?id="+rs.getString("id")+"'>删除</a>"
+" <a href='edit.jsp?id="+rs.getString("id")+"'>修改</a>"+
"</td>"
);
out.print("</tr>");
}
%>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal fade" id="modal-container-198502" role="dialog" aria-hidden="true" aria-labelledby="myModalLabel">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" aria-hidden="true" type="button" data-dismiss="modal">×</button>
<h4 class="modal-title" id="myModalLabel">
标题
</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
</div>
<form method="post" action="add.jsp">
<div class="modal-body">
<div class="form-group">
<label>用户名:</label><input type="text" name="username" class="form-control" />
</div>
<div class="form-group">
<label>密码:</label><input type="text" name="password" class="form-control" />
</div>
<div class="form-group">
<label>性别:</label><input type="text" name="gender" class="form-control" />
</div>
<div class="form-group">
<label>年龄:</label><input type="text" name="age" class="form-control" />
</div>
</div>
<div class="modal-footer">
<button class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
<button class="btn btn-primary" type="submit">提交</button>
</div>
</form>
</div>
</div>
</div>
</body>
</html>