【index.jsp】:
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <% String appPath = request.getContextPath(); %> <html> <head> <meta charset="utf-8"> </head> <body> <h2>StudentSystem_V0</h2> 简单的查询、分页等基础功能 <br /> 日期:2018-5-28 17:10:00 <br /> 作者:Ray <br /> 网站:<a href="https://blog.csdn.net/q343509740" target="_blank">点击跳转csdn</a> <br /><br /><br /><br /> 管理页面:<a href="<%=appPath%>/listStudent">点击前往</a><br/> </body> </html>
【listStudent.jsp】:
<!DOCTYPE html> <%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <html> <head> <title>学生管理页面 - 首页</title> <%--<link href="css/style.css" rel="stylesheet">--%> <script src="js/jquery-1.7.1.min.js"></script> <%--<script src="js/bootstrap-3.3.7.min.js"></script>--%> <%--<link href="css/bootstrap-3.3.7.min.css" rel="stylesheet">--%> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件(一般不用引入) --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script> $(function () { $("ul.pagination li.disabled a").click(function () { return false; }); }); </script> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a href="#" class="navbar-brand">学生管理系统</a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown"> <a href="/addStudentView">新增学生</a> </li> </ul> </div> </div> </nav> <div class="form-group"> <table class="table table-striped table-bordered"> <caption>学生列表 - 共${page.total}人</caption> <thead> <tr class="success"> <th>学号</th> <th>姓名</th> <th>年龄</th> <th>性别</th> <th>出生日期</th> <th>编辑</th> <th>删除</th> </tr> </thead> <tbody> <c:forEach items="${students}" var="s" varStatus="status"> <tr> <td>${s.student_id}</td> <td>${s.name}</td> <td>${s.age}</td> <td>${s.sex}</td> <td>${s.birthday}</td> <td><a href="/editStudent?id=${s.id}"><span class="glyphicon glyphicon-edit"></span> </a></td> <td><a href="/deleteStudent?id=${s.id}"><span class="glyphicon glyphicon-trash"></span> </a></td> </tr> </c:forEach> </tbody> </table> </div> <nav style="text-align: center"> <ul class="pagination"> <li <c:if test="${!page.hasPreviouse}">class="disabled"</c:if>> <a href="?page.start=0"> <span>«</span> </a> </li> <li <c:if test="${!page.hasPreviouse}">class="disabled"</c:if>> <a href="?page.start=${page.start-page.count}"> <span>‹</span> </a> </li> <li <c:if test="${!page.hasPreviouse}">class="disabled"</c:if>> <a href="?page.start=${page.start-page.count}"> <span>‹</span> </a> </li> <c:forEach begin="0" end="${page.totalPage-1}" varStatus="status"> <c:if test="${status.count*page.count-page.start<=30 && status.count*page.count-page.start>=-10}"> <li <c:if test="${status.index*page.count==page.start}">class="disabled"</c:if>> <a href="?page.start=${status.index*page.count}" <c:if test="${status.index*page.count==page.start}">class="current"</c:if> >${status.count}</a> </li> </c:if> </c:forEach> <li <c:if test="${!page.hasNext}">class="disabled"</c:if>> <a href="?page.start=${page.start+page.count}"> <span>›</span> </a> </li> <li <c:if test="${!page.hasNext}">class="disabled"</c:if>> <a href="?page.start=${page.last}"> <span>»</span> </a> </li> </ul> </nav> </body>
【editStudent.jsp】:
<!DOCTYPE html> <%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <html> <head> <script src="js/jquery-1.7.1.min.js"></script> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件(一般不用引入) --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <title>学生管理页面 - 编辑页面</title> </head> <body> <div class="container"> <div class="panel panel-success"> <div class="panel-heading"> <h3 class="panel-title">编辑学生</h3> </div> <div class="panel-body"> <form method="post" action="/updateStudent" role="form"> <table class="table"> <tr> <td>学号:</td> <td> <input type="text" name="student_id" id="student_id" value="${student.student_id}" placeholder="请输入学号"> </td> </tr> <tr> <td>姓名:</td> <td> <input type="text" name="name" id="name" value="${student.name}" placeholder="请在这里输入名字"> </td> </tr> <tr> <td>年龄:</td> <td> <input type="text" name="age" id="age" value="${student.age}" placeholder="请在这里输入年龄"> </td> </tr> <tr> <td>性别:</td> <td> <input type="radio" <c:if test="${student.sex == '男'}">checked</c:if> class="radio radio-inline" name="sex" value="男">男 <input type="radio" <c:if test="${student.sex == '女'}">checked</c:if> class="radio radio-inline" name="sex" value="女">女 </td> </tr> <tr> <td>出生日期:</td> <td> <input type="date" name="birthday" id="birthday" value="${student.birthday}" placeholder="请输入出生日期"> </td> </tr> <tr class="submitTR"> <td colspan="2" align="center"> <input type="hidden" name="id" value="${student.id}"> <button type="submit" class="btn btn-success">提交</button> </td> </tr> </table> </form> </div> </div> </div> </body>
【addStudentView.jsp】:
<!DOCTYPE html> <%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <html> <head> <script src="js/jquery-1.7.1.min.js"></script> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件(一般不用引入) --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <title>学生管理页面 - 新增页面</title> </head> <body> <div class="container"> <div class="panel panel-success"> <div class="panel-heading"> <h3 class="panel-title">新增学生</h3> </div> <div class="panel-body"> <form method="post" action="/addStudent" role="form"> <table class="table"> <tr> <td>学号:</td> <td> <input type="text" name="student_id" id="student_id" placeholder="请输入学号"> </td> </tr> <tr> <td>姓名:</td> <td> <input type="text" name="name" id="name" placeholder="请输入名字"> </td> </tr> <tr> <td>年龄:</td> <td> <input type="text" name="age" id="age" placeholder="请输入年龄"> </td> </tr> <tr> <td>性别:</td> <td> <input type="radio" class="radio radio-inline" name="sex" value="男" checked>男 <input type="radio" class="radio radio-inline" name="sex" value="女">女 </td> </tr> <tr> <td>出生日期:</td> <td> <input type="date" name="birthday" id="birthday" placeholder="请输入出生日期"> </td> </tr> <tr class="submitTR"> <td colspan="2" align="center"> <button type="submit" class="btn btn-success">提交</button> </td> </tr> </table> </form> </div> </div> </div> </body>