图书管理系统(表示层的实现)
表示层代码
有关数据层和控制层的代码实现请参阅文章:数据库系统实现:图书管理系统
表示层代码如下:
<%--
Document : course
Created on : 2020-5-11, 11:01:06
Author : 12995
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定将当前图书出库吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li class="active"><a href="BookDisplay">首页</a> </li>
<li><a href="SelectAllUser">查看所有用户情况<span class="arrow"></span></a>
<ul class="drop-menu">
<li><a href="insertUser.jsp">添加用户</a> </li>
</ul>
</li>
<li><a href="SelectAllUB">查看借书情况</a>
</li>
<li><a href="insertBook.jsp">图书入库</a> </li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUser">修改密码</a></li>
<li><a href="SelectOursBook">已借图书</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<table class="table table-bordered">
<tr>
<th>图书编号</th>
<th>图书名称</th>
<th>图书作者</th>
<th>图书数量</th>
<th>功能导航</th>
</tr>
<c:forEach var="book" items="${books}">
<tr>
<td>${book.bno}</td>
<td>${book.bname}</td>
<td>${book.bauthor}</td>
<td>${book.bnum}</td>
<td>
<a href="BookDelete?bno=${book.bno}" class="button border-red button-small" οnclick="return ConfDel();">出库</a>
|
<!--<a href="LendBook?bno=${book.bno}&bname=${book.bname}" class="button border-blue button-small">借书</a>-->
<c:if test="${book.bnum == 0}">
<a href="" class="button border-red button-small">不可借</a>
</c:if>
<c:if test="${book.bnum > 0}">
<a href="LendBook?bno=${book.bno}&bname=${book.bname}" class="button border-blue button-small">借书</a>
</c:if>
|
<a href="ReturnBook?bno=${book.bno}&bname=${book.bname}" class="button border-main button-small">还书</a>
</td>
</tr>
</c:forEach>
</table>
<div class="height-big text-center margin-large" >
${pagination.pageBar} ${pagination.numPageBar}
</div>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : insertBook
Created on : 2020-6-17, 15:53:32
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定将当前图书出库吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
function check(from) {
var password1 = document.getElementById("bno").value;
var password2 = document.getElementById("bname").value;
var username = document.getElementById("bauthor").value;
var bnum = document.getElementById("bnum").value;
if (password1 == undefined || password1 =="" || password1==null){
alert("请输入图书编号");
return false;
}
if (password2 == undefined || password2 =="" || password2==null){
alert("请输入图书名称");
return false;
}
if (username == undefined || username =="" || username==null){
alert("请输入作者");
return false;
}
if (bnum == undefined || bnum =="" || bnum==null){
alert("请输入图书数量");
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li><a href="BookDisplay">首页</a> </li>
<li><a href="SelectAllUser">查看所有用户情况<span class="arrow"></span></a>
<ul class="drop-menu">
<li><a href="insertUser.jsp">添加用户</a> </li>
</ul>
</li>
<li><a href="SelectAllUB">查看借书情况</a>
</li>
<li class="active"><a href="insertBook.jsp">图书入库</a> </li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUser">修改密码</a></li>
<li><a href="SelectOursBook">已借图书</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<form method="post" action="InsertBook" οnsubmit="return check(this)">
<div class="form-group">
<div class="label">
<label for="bno">
图书编号</label>
</div>
<div class="field">
<input type="text" class="input" id="bno" name="bno" size="30" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="bname">
图书名称</label>
</div>
<div class="field">
<input type="text" class="input" id="bname" name="bname" size="30" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="bauthor">
图书作者</label>
</div>
<div class="field">
<input type="text" class="input" id="bauthor" name="bauthor" size="30" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="bnum">
数量</label>
</div>
<div class="field">
<input type="text" class="input" id="bnum" name="bnum" size="30" />
</div>
</div>
<div class="form-button">
<button class="button" type="submit">
确认添加图书</button>
</div>
<a>${string}</a>
</form>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : insertUser
Created on : 2020-6-17, 11:55:03
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定将当前图书出库吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
function check(from) {
var password1 = document.getElementById("passwords").value;
var password2 = document.getElementById("repasswords").value;
var username = document.getElementById("username").value;
if (username == undefined || username =="" || username==null){
alert("请输入用户名");
return false;
}
if (password1 == undefined || password1 =="" || password1==null){
alert("请输入密码");
return false;
}
if (password2 == undefined || password2 =="" || password2==null){
alert("请再次输入密码");
return false;
}
if (password1 != password2) {
alert("密码不一致请核查");
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li ><a href="BookDisplay">首页</a> </li>
<li class="active"><a href="SelectAllUser">查看所有用户情况<span class="arrow"></span></a>
<ul class="drop-menu">
<li class="active"><a href="insertUser.jsp">添加用户</a> </li>
</ul>
</li>
<li><a href="SelectAllUB">查看借书情况</a>
</li>
<li><a href="insertBook.jsp">图书入库</a> </li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUser">修改密码</a></li>
<li><a href="SelectOursBook">已借图书</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<form method="post" action="InsertUser" οnsubmit="return check(this)">
<div class="form-group">
<div class="label">
<label for="username">
用户名</label>
</div>
<div class="field">
<input type="text" class="input" id="username" name="username" size="30" placeholder="请输入用户名"/>
</div>
</div>
<div class="form-group">
<div class="label">
<label for="passwords">
密码</label>
</div>
<div class="field">
<input type="password" class="input" id="passwords" name="passwords" size="30" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="passwords">
再次确认密码</label>
</div>
<div class="field">
<input type="password" class="input" id="repasswords" name="repasswords" size="30" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="time">
身份</label>
</div>
<div class="field">
<input type="text" class="input" id="time" name="time" size="30" readonly="readonly" value="普通用户"/>
</div>
</div>
<div class="form-button">
<button class="button" type="submit">
确认添加用户</button>
</div>
<a>${string}</a>
</form>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : lendBook
Created on : 2020-6-16, 20:25:26
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定将当前图书出库吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li class="active"><a href="BookDisplay">首页</a> </li>
<li><a href="SelectAllUser">查看所有用户情况<span class="arrow"></span></a>
<ul class="drop-menu">
<li><a href="insertUser.jsp">添加用户</a> </li>
</ul>
</li>
<li><a href="SelectAllUB">查看借书情况</a>
</li>
<li><a href="insertBook.jsp">图书入库</a> </li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUser">修改密码</a></li>
<li><a href="SelectOursBook">已借图书</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<form method="post" action="LendBookDo">
<div class="form-group">
<div class="label">
<label for="username">
用户名</label>
</div>
<div class="field">
<input type="text" class="input" id="username" name="username" size="30" placeholder="请输入用户名"/>
</div>
</div>
<div class="form-group">
<div class="label">
<label for="bno">
图书编号</label>
</div>
<div class="field">
<input type="text" class="input" id="bno" name="bno" size="30" readonly="readonly" value="${bno}" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="bname">
图书名称</label>
</div>
<div class="field">
<input type="text" class="input" id="bname" name="bname" size="30" readonly="readonly" value="${bname}" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="time">
借书时间</label>
</div>
<div class="field">
<input type="text" class="input" id="time" name="time" size="30" readonly="readonly" value="${time}"/>
</div>
</div>
<div class="form-button">
<button class="button" type="submit">
提交借书信息</button>
</div>
<a>${string}</a>
</form>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : lendBookTwo
Created on : 2020-6-17, 21:37:50
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定将当前图书出库吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li class="active"><a href="#">首页</a> </li>
<li><a href="SelectOurBookTwo">查看借书情况</a>
</li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUserPassDo">修改密码</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<form method="post" action="LendBookDoTwo">
<div class="form-group">
<div class="label">
<label for="bno">
图书编号</label>
</div>
<div class="field">
<input type="text" class="input" id="bno" name="bno" size="30" readonly="readonly" value="${bno}" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="bname">
图书名称</label>
</div>
<div class="field">
<input type="text" class="input" id="bname" name="bname" size="30" readonly="readonly" value="${bname}" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="time">
借书时间</label>
</div>
<div class="field">
<input type="text" class="input" id="time" name="time" size="30" readonly="readonly" value="${time}"/>
</div>
</div>
<div class="form-button">
<button class="button" type="submit">
提交借书信息</button>
</div>
<a>${string}</a>
</form>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : login.jsp
Created on : 2020-6-16, 14:49:16
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>欢迎使用图书管理系统</title>
</head>
<style>
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family: sans-serif;
background: linear-gradient(#ffffff, #55ffff);
}
.login-box {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
padding: 40px;
transform: translate(-50%, -50%);
background: rgba(72, 108, 108, 127);
box-sizing: border-box;
box-shadow: 0 15px 25px rgba(85, 170, 255, 153);
border-radius: 10px;
}
.login-box h2 {
margin: 0 0 30px;
padding: 0;
color: #ffffff;
text-align: center;
}
.login-box .user-box {
position: relative;
}
.login-box .user-box input {
width: 100%;
padding: 10px 0;
font-size: 16px;
color: #fff;
margin-bottom: 30px;
border: none;
border-bottom: 1px solid #fff;
outline: none;
background: transparent;
}
.login-box .user-box label {
position: absolute;
top: 0;
left: 0;
padding: 10px 0;
font-size: 16px;
color: #fff;
pointer-events: none;
transition: .5s;
}
.login-box .user-box input:focus~label,
.login-box .user-box input:valid~label {
top: -20px;
left: 0;
color: #03e9f4;
font-size: 12px;
}
.login-box form a {
position: relative;
display: inline-block;
padding: 10px 20px;
color: #03e9f4;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
transition: .5s;
margin-top: 40px;
letter-spacing: 4px
}
.login-box a:hover {
background: #00adb0;
color: #fff;
border-radius: 5px;
box-shadow: 0 0 5px #03e9f4,
0 0 25px #03e9f4,
0 0 50px #03e9f4,
0 0 100px #03e9f4;
}
.login-box a span {
position: absolute;
display: block;
}
.login-box a span:nth-child(1) {
top: 0;
left: -100%;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, #03e9f4);
animation: btn-anim1 1s linear infinite;
}
@keyframes btn-anim1 {
0% {
left: -100%;
}
50%,
100% {
left: 100%;
}
}
.login-box a span:nth-child(2) {
top: -100%;
right: 0;
width: 2px;
height: 100%;
background: linear-gradient(180deg, transparent, #03e9f4);
animation: btn-anim2 1s linear infinite;
animation-delay: .25s
}
@keyframes btn-anim2 {
0% {
top: -100%;
}
50%,
100% {
top: 100%;
}
}
.login-box a span:nth-child(3) {
bottom: 0;
right: -100%;
width: 100%;
height: 2px;
background: linear-gradient(270deg, transparent, #03e9f4);
animation: btn-anim3 1s linear infinite;
animation-delay: .5s
}
@keyframes btn-anim3 {
0% {
right: -100%;
}
50%,
100% {
right: 100%;
}
}
.login-box a span:nth-child(4) {
bottom: -100%;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(360deg, transparent, #03e9f4);
animation: btn-anim4 1s linear infinite;
animation-delay: .75s
}
@keyframes btn-anim4 {
0% {
bottom: -100%;
}
50%,
100% {
bottom: 100%;
}
}
.right {
float: right;
}
.button{
outline:medium;
border:none;
background: rgba(72, 108, 108, 127);
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
color: #03e9f4;
}
.text{
margin:0 auto;
position: absolute;
left: 22%;
color: #FF0000;
font-size: 20px;
}
</style>
<script>
function check(from) {
if (from.inputUser.value == "") {
alert("用户名不能为空");
return false;
}
if (from.inputPass.value == "") {
alert("密码不能为空");
return false;
}
}
</script>
<body>
<div class="login-box">
<h2>欢迎使用图书管理系统</h2>
<form method="post" action="Login" οnsubmit="return check(this)">
<div class="user-box">
<input id="inputUser" type="text" name="inputUser" required="">
<label>用户名</label>
</div>
<div class="user-box">
<input id="inputPass" type="password" name="inputPass" required="">
<label>密码</label>
</div>
<a href="BookDisplay" class="left">
<span></span>
<span></span>
<span></span>
<span></span>
<!--登 录-->
<input id="button" class="button" type="submit" value="登 录"/>
</a>
<a href="registered.jsp" class="right">
<span></span>
<span></span>
<span></span>
<span></span>
注 册
</a>
<br/>
<br/>
<label class="text">${string}</label>
</form>
</div>
</body>
</html>
<%--
Document : registered.jsp
Created on : 2020-6-16, 14:57:43
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>欢迎使用图书管理系统</title>
</head>
<style>
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family: sans-serif;
background: linear-gradient(#ffffff, #55ffff);
}
.login-box {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
padding: 40px;
transform: translate(-50%, -50%);
background: rgba(72, 108, 108, 127);
box-sizing: border-box;
box-shadow: 0 15px 25px rgba(85, 170, 255, 153);
border-radius: 10px;
}
.login-box h2 {
margin: 0 0 30px;
padding: 0;
color: #ffffff;
text-align: center;
}
.login-box .user-box {
position: relative;
}
.login-box .user-box input {
width: 100%;
padding: 10px 0;
font-size: 16px;
color: #fff;
margin-bottom: 30px;
border: none;
border-bottom: 1px solid #fff;
outline: none;
background: transparent;
}
.login-box .user-box label {
position: absolute;
top: 0;
left: 0;
padding: 10px 0;
font-size: 16px;
color: #fff;
pointer-events: none;
transition: .5s;
}
.login-box .user-box input:focus~label,
.login-box .user-box input:valid~label {
top: -20px;
left: 0;
color: #03e9f4;
font-size: 12px;
}
.login-box form a {
position: relative;
display: inline-block;
padding: 10px 20px;
color: #03e9f4;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
transition: .5s;
margin-top: 40px;
letter-spacing: 4px
}
.login-box a:hover {
background: #00adb0;
color: #fff;
border-radius: 5px;
box-shadow: 0 0 5px #03e9f4,
0 0 25px #03e9f4,
0 0 50px #03e9f4,
0 0 100px #03e9f4;
}
.login-box a span {
position: absolute;
display: block;
}
.login-box a span:nth-child(1) {
top: 0;
left: -100%;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, #03e9f4);
animation: btn-anim1 1s linear infinite;
}
@keyframes btn-anim1 {
0% {
left: -100%;
}
50%,
100% {
left: 100%;
}
}
.login-box a span:nth-child(2) {
top: -100%;
right: 0;
width: 2px;
height: 100%;
background: linear-gradient(180deg, transparent, #03e9f4);
animation: btn-anim2 1s linear infinite;
animation-delay: .25s
}
@keyframes btn-anim2 {
0% {
top: -100%;
}
50%,
100% {
top: 100%;
}
}
.login-box a span:nth-child(3) {
bottom: 0;
right: -100%;
width: 100%;
height: 2px;
background: linear-gradient(270deg, transparent, #03e9f4);
animation: btn-anim3 1s linear infinite;
animation-delay: .5s
}
@keyframes btn-anim3 {
0% {
right: -100%;
}
50%,
100% {
right: 100%;
}
}
.login-box a span:nth-child(4) {
bottom: -100%;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(360deg, transparent, #03e9f4);
animation: btn-anim4 1s linear infinite;
animation-delay: .75s
}
@keyframes btn-anim4 {
0% {
bottom: -100%;
}
50%,
100% {
bottom: 100%;
}
}
.right {
margin:0 auto;
position: absolute;
left: 30%;
}
.button{
outline:medium;
border:none;
background: rgba(72, 108, 108, 127);
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
color: #03e9f4;
}
.text{
margin:0 auto;
position: absolute;
left: 25%;
color: #FF0000;
font-size: 20px;
}
</style>
<script>
function check(from) {
if (from.inputUser.value == "") {
alert("用户名不能为空");
return false;
}
if (from.inputPass.value == "") {
alert("密码不能为空");
return false;
}
}
</script>
<body>
<div class="login-box">
<h2>欢迎使用系统,请先注册</h2>
<form method="post" action="RegisteredUser" οnsubmit="return check(this)">
<div class="user-box">
<input id="inputUser" type="text" name="inputUser" required="">
<label>用户名</label>
</div>
<div class="user-box">
<input id="inputPass" type="password" name="inputPass" required="">
<label>密码</label>
</div>
<a href="BookDisplay" class="right" type="submit">
<span></span>
<span></span>
<span></span>
<span></span>
<input id="button" class="button" type="submit" value="立即注册"/>
</a>
<br/>
<br/>
<label class="text">${string}</label>
</form>
</div>
</body>
</html>
<%--
Document : returnBook
Created on : 2020-6-16, 22:18:22
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定将当前图书出库吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li class="active"><a href="BookDisplay">首页</a> </li>
<li><a href="SelectAllUser">查看所有用户情况<span class="arrow"></span></a>
<ul class="drop-menu">
<li><a href="insertUser.jsp">添加用户</a> </li>
</ul>
</li>
<li><a href="SelectAllUB">查看借书情况</a>
</li>
<li><a href="insertBook.jsp">图书入库</a> </li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUser">修改密码</a></li>
<li><a href="SelectOursBook">已借图书</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<form method="post" action="ReturnBookDo">
<div class="form-group">
<div class="label">
<label for="username">
用户名</label>
</div>
<div class="field">
<input type="text" class="input" id="username" name="username" size="30" placeholder="请输入用户名"/>
</div>
</div>
<div class="form-group">
<div class="label">
<label for="bno">
图书编号</label>
</div>
<div class="field">
<input type="text" class="input" id="bno" name="bno" size="30" readonly="readonly" value="${bno}" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="bname">
图书名称</label>
</div>
<div class="field">
<input type="text" class="input" id="bname" name="bname" size="30" readonly="readonly" value="${bname}" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="time">
还书时间</label>
</div>
<div class="field">
<input type="text" class="input" id="time" name="time" size="30" readonly="readonly" value="${time}"/>
</div>
</div>
<div class="form-button">
<button class="button" type="submit">
提交还书信息</button>
</div>
<a>${string}</a>
</form>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : returnBookTwo
Created on : 2020-6-17, 19:45:37
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定将当前图书出库吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li class="active"><a href="BookDisplay">首页</a> </li>
<li><a href="SelectAllUB">查看借书情况</a>
</li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUser">修改密码</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<form method="post" action="ReturnBookTwoDo">
<div class="form-group">
<div class="label">
<label for="username">
用户名</label>
</div>
<div class="field">
<input type="text" class="input" id="username" name="username" size="30" readonly="readonly" value="${user}"/>
</div>
</div>
<div class="form-group">
<div class="label">
<label for="bno">
图书编号</label>
</div>
<div class="field">
<input type="text" class="input" id="bno" name="bno" size="30" readonly="readonly" value="${bno}" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="bname">
图书名称</label>
</div>
<div class="field">
<input type="text" class="input" id="bname" name="bname" size="30" readonly="readonly" value="${bname}" />
</div>
</div>
<div class="form-group">
<div class="label">
<label for="time">
还书时间</label>
</div>
<div class="field">
<input type="text" class="input" id="time" name="time" size="30" readonly="readonly" value="${time}"/>
</div>
</div>
<div class="form-button">
<button class="button" type="submit">
提交还书信息</button>
</div>
<a>${string}</a>
</form>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : selectAllUB
Created on : 2020-6-17, 15:36:38
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定修改该用户的密码吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li ><a href="BookDisplay">首页</a> </li>
<li><a href="SelectAllUser">查看所有用户情况<span class="arrow"></span></a>
<ul class="drop-menu">
<li><a href="insertUser.jsp">添加用户</a> </li>
</ul>
</li>
<li class="active"><a href="SelectAllUB">查看借书情况</a>
</li>
<li><a href="insertBook.jsp">图书入库</a> </li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUser">修改密码</a></li>
<li><a href="SelectOursBook">已借图书</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<table class="table table-bordered">
<tr>
<th>用户名</th>
<th>图书编号</th>
<th>图书名称</th>
<th>借书时间</th>
</tr>
<c:forEach var="ub" items="${ubs}">
<tr>
<td>${ub.username}</td>
<td>${ub.bno}</td>
<td>${ub.bname}</td>
<td>${ub.lendTime}</td>
</tr>
</c:forEach>
</table>
<div class="height-big text-center margin-large" >
${pagination.pageBar} ${pagination.numPageBar}
</div>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : selectAllUser
Created on : 2020-6-17, 11:36:53
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定修改该用户的密码吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li ><a href="BookDisplay">首页</a> </li>
<li class="active"><a href="SelectAllUser">查看所有用户情况<span class="arrow"></span></a>
<ul class="drop-menu">
<li><a href="insertUser.jsp">添加用户</a> </li>
</ul>
</li>
<li><a href="SelectAllUB">查看借书情况</a>
</li>
<li><a href="insertBook.jsp">图书入库</a> </li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUser">修改密码</a></li>
<li><a href="SelectOursBook">已借图书</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<table class="table table-bordered">
<tr>
<th>用户名</th>
<th>密码</th>
<th>身份</th>
</tr>
<c:forEach var="bookUser" items="${bookUsers}">
<tr>
<td>${bookUser.username}</td>
<td>${bookUser.passwords}</td>
<c:if test="${bookUser.permission ==1}">
<td>管理员</td>
</c:if>
<c:if test="${bookUser.permission ==2}">
<td>普通用户</td>
</c:if>
</tr>
</c:forEach>
</table>
<div class="height-big text-center margin-large" >
${pagination.pageBar} ${pagination.numPageBar}
</div>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : selectOursBook
Created on : 2020-6-17, 18:27:00
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定修改该用户的密码吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li ><a href="BookDisplay">首页</a> </li>
<li><a href="SelectAllUser">查看所有用户情况<span class="arrow"></span></a>
<ul class="drop-menu">
<li><a href="insertUser.jsp">添加用户</a> </li>
</ul>
</li>
<li><a href="SelectAllUB">查看借书情况</a>
</li>
<li><a href="insertBook.jsp">图书入库</a> </li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUser">修改密码</a></li>
<li class="active"><a href="SelectOursBook">已借图书</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<table class="table table-bordered">
<tr>
<th>图书编号</th>
<th>图书名称</th>
<th>借书时间</th>
</tr>
<c:forEach var="ub" items="${ubs}">
<tr>
<td>${ub.bno}</td>
<td>${ub.bname}</td>
<td>${ub.lendTime}</td>
</tr>
</c:forEach>
</table>
<div class="height-big text-center margin-large" >
${pagination.pageBar} ${pagination.numPageBar}
</div>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : selectOursBookTwo
Created on : 2020-6-17, 19:20:57
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定修改该用户的密码吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li ><a href="SelectUserAllBook">首页</a> </li>
<li class="active"><a href="#">查看借书情况</a>
</li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUserPassDo">修改密码</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<table class="table table-bordered">
<tr>
<th>图书编号</th>
<th>图书名称</th>
<th>借书时间</th>
<th>功能导航</th>
</tr>
<c:forEach var="ub" items="${ubs}">
<tr>
<td>${ub.bno}</td>
<td>${ub.bname}</td>
<td>${ub.lendTime}</td>
<td><a href="ReturnBookTwo?bno=${ub.bno}&bname=${ub.bname}" class="button border-main button-small">还书</a> </td>
</tr>
</c:forEach>
</table>
<div class="height-big text-center margin-large" >
${pagination.pageBar} ${pagination.numPageBar}
</div>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : updatePassword
Created on : 2020-6-17, 17:57:51
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定将当前图书出库吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
function check(from) {
var passwords = document.getElementById("passwords").value;
if (passwords == undefined || passwords =="" || passwords==null){
alert("请输入新密码");
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li ><a href="BookDisplay">首页</a> </li>
<li><a href="SelectAllUser">查看所有用户情况<span class="arrow"></span></a>
<ul class="drop-menu">
<li><a href="insertUser.jsp">添加用户</a> </li>
</ul>
</li>
<li><a href="SelectAllUB">查看借书情况</a>
</li>
<li><a href="insertBook.jsp">图书入库</a> </li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li class="active"><a href="UpdateUser">修改密码</a></li>
<li><a href="SelectOursBook">已借图书</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<form method="post" action="UpdatePassword" οnsubmit="return check(this)">
<div class="form-group">
<div class="label">
<label for="username">
用户名</label>
</div>
<div class="field">
<input type="text" class="input" id="username" name="username" size="30" readonly="readonly" value="${user}"/>
</div>
</div>
<div class="form-group">
<div class="label">
<label for="passwords">
新密码</label>
</div>
<div class="field">
<input type="text" class="input" id="passwords" name="passwords" size="30" />
</div>
</div>
<div class="form-button">
<button class="button" type="submit">
确认修改密码</button>
</div>
<a>${string}</a>
</form>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : updateUserPass
Created on : 2020-6-17, 19:27:31
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定将当前图书出库吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
function check(from) {
var passwords = document.getElementById("passwords").value;
if (passwords == undefined || passwords =="" || passwords==null){
alert("请输入新密码");
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li><a href="SelectUserAllBook">首页</a> </li>
<li><a href="SelectOurBookTwo">查看借书情况</a>
</li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li class="active"><a href="#">修改密码</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<form method="post" action="UpdateUserPass" οnsubmit="return check(this)">
<div class="form-group">
<div class="label">
<label for="username">
用户名</label>
</div>
<div class="field">
<input type="text" class="input" id="username" name="username" size="30" readonly="readonly" value="${user}"/>
</div>
</div>
<div class="form-group">
<div class="label">
<label for="passwords">
新密码</label>
</div>
<div class="field">
<input type="text" class="input" id="passwords" name="passwords" size="30" />
</div>
</div>
<div class="form-button">
<button class="button" type="submit">
确认修改密码</button>
</div>
<a>${string}</a>
</form>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
<%--
Document : userFirst
Created on : 2020-6-17, 18:59:24
Author : 25371
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>欢迎使用图书管理系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/pintuer.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>
<script type="text/javascript">
function ConfDel() {
var tip = "确定将当前图书出库吗?";
if (confirm(tip)) {
return true;
} else {
return false;
}
}
</script>
</head>
<body>
<!--页面头部开始(ctrl+/用来注释)-->
<div class="container padding-big-top padding-big-bottom">
<div class="line">
<div class="xl12 xs5 xm6 xb7">
<button class="button icon-navicon float-right" data-target="#header-demo1">
</button>
<a href="#">
<!--<img src="images/logo-gray.png" alt="拼图" />-->
<h2>图书管理系统</h2>
</a>
</div>
<div class="xl12 xs7 xm6 xb5 padding-small-top">
<ul class="nav nav-menu nav-inline nav-navicon" id="header-demo1">
<li class="active"><a href="#">首页</a> </li>
<li><a href="SelectOurBookTwo">查看借书情况</a>
</li>
</ul>
</div>
</div>
<hr>
</div>
<!--页面头部结束-->
<!--页面内容开始-->
<div class="container padding-big-top padding-big-bottom">
<div class="line-big">
<div class="xl12 xs3 xm3 xb3">
<div class="panel">
<div class="panel-head">个人信息</div>
<ul class="list-group">
<li><a href="UpdateUserPassDo">修改密码</a></li>
<li><a href="login.jsp">注销登录</a></li>
</ul>
</div>
</div>
<div class="xl12 xs9 xm9 xb9 padding-small-top">
<table class="table table-bordered">
<tr>
<th>图书编号</th>
<th>图书名称</th>
<th>图书作者</th>
<th>图书数量</th>
<th>功能导航</th>
</tr>
<c:forEach var="book" items="${books}">
<tr>
<td>${book.bno}</td>
<td>${book.bname}</td>
<td>${book.bauthor}</td>
<td>${book.bnum}</td>
<c:if test="${book.bnum == 0}">
<td>
<a href="" class="button border-red button-small">不可借</a>
</td>
</c:if>
<c:if test="${book.bnum > 0}">
<td>
<a href="LendBookTwo?bno=${book.bno}&bname=${book.bname}" class="button border-blue button-small">借书</a>
</td>
</c:if>
</tr>
</c:forEach>
</table>
<div class="height-big text-center margin-large" >
${pagination.pageBar} ${pagination.numPageBar}
</div>
</div>
</div>
</div>
<!--页面内容结束-->
<!--页面尾部开始-->
<div class="container">
<div class="border-top padding-top">
<div class="text-center">
<ul class="nav nav-inline">
<li class="active"><a href="#">网站首页</a> </li>
<li><a href="#">新闻资讯</a> </li>
<li><a href="#">产品中心</a> </li>
<li><a href="#">技术反馈</a> </li>
<li><a href="#">留言反馈</a> </li>
<li><a href="#">联系方式</a> </li>
</ul>
</div>
<div class="text-center height-big">
版权所有 © Pintuer.com All Rights Reserved,图ICP备:380959609</div>
</div>
</div>
<!--页面尾部结束-->
</body>
</html>
有关数据层和控制层的代码实现请参阅文章:数据库系统实现:图书管理系统
完整项目下载(包含所有所需要的架包,框架文件。项目可以直接运行):数据库系统实现课设:图书管理系统源代码下载