目 录
1 版本更新信息 1
2 概述 1
2.1 系统主要功能 1
2.2 系统相关说明 1
3 运行环境 2
3.1 系统的运行环境 2
3.1.1 系统运行硬件环境 2
3.1.2 系统运行软件环境 2
3.2 网络环境 2
4 安装与配置 2
4.1 安装 2
4.2 配置 2
5 操作说明 3
5.1 进入登录界面 3
5.2 进入系统 4
5.3 图书查询 7
5.4 借阅信息 9
5.5 借阅历史 9
5.6 热门推荐 10
5.7 最佳读者 10
5.8 问题反馈 11
5.9 图书管理 12
5.10 图书管理 14
5.11 图书分类管理 15
5.12 图书借阅信息 15
5.13 图书归还信息 16
5.14 管理员管理(需登录) 17
5.15 热门推荐 17
5.16 最佳读者 17
5.17 读者反馈 18
6 数据库信息 19
6.1 读者 admin表 19
6.2 图书 book表 20
6.3 图书分类 booktype表 20
6.4 历史记录 history表 21
6.5 反馈信息 problem表 21
7 类图 22
7.1 用户管理 22
7.2 系统信息 23
7.3 操作及反馈信息 23
8 软件产品清单 23
8.1 源程序 23
8.2 数据库文件 24
8.3 说明文档 24
8.4 二进制文件 24
2 概述
2.1 系统主要功能
读者:登录注册，借阅还书，查询书籍，查看当前借阅信息以及历史借阅信息，查看、查询读者借阅榜以及借阅书籍借阅榜，问题反馈以及查询反馈结果等功能。
管理员:对图书、图书分类、读者信息的增删改查，查看全部读者当前借阅信息以及借阅历史，查看、查询书籍借阅榜及读者借阅榜，查看、查询用户反馈信息并修改反馈状态(未解决或已解决)。
超级管理员:除管理员权限外，新增管理员权限。对管理员信息进行增删改功能。为书店员工定制个人账号，方便管理。
2.2 系统相关说明
为图书管理行业提供一个简便、易操作、可靠的借还管理系统，实现图书借阅、书店人员的更新及管理。
本设计以图书管理业务为对象,系统实现所用前台开发工具是eclipse，后台数据库为MySQL。设计过程中的重点及难点是对整个系统的需求分析和数据库详细设计。
该系统对数据进行保存、修改、删除等管理，为用户提供了一个友好、简单快捷的运行操作平台。本系统的各界面设计友好、流程正确、功能也较为完善，旨在为用户提供方便快捷的服务，使人们走近书籍，走进书籍，热爱读书。
3 运行环境
3.1 系统的运行环境
3.1.1 系统运行硬件环境
基于开发使用的开源系统：
CPU：PIV1.6G以上
内存：256M以上
硬盘：40G以上
其他：光驱、3.5英寸软驱、鼠标
3.1.2 系统运行软件环境
（1）操作系统配置：Windows2010
（2）编译软件：eclipse，环境：JDK1.8
（3）服务器：Tomcat
（4）驱动：JDBC
（5）数据库：MySQL
（6）框架：bootstrap
3.2 网络环境
本系统需要运行在单位局域网，要求服务器、客户端计算机连接在此网络上。
4 安装与配置
4.1 安装
（1）eclipse的安装
（2）Tomcat服务器的安装
（3）MySQL数据库的安装
4.2 配置
（1）Windows2010操作系统的配置
（2）JDK1.8环境的配置
（3）Tomcat服务器的配置
（4）JDBC驱动的配置
（5）MySQL数据库的配置
5 操作说明
该系统是基于eclipse的系统软件，在Tomcat服务器上运行主页面：http://localhost:8080/books/login.jsp(直接运行功能页面会报错)
根据输入的学号/工号及密码进入不同的主页面，主页面附有本项目各页面的操作简介，方便用户进行操作。http://www.biyezuopin.vip/onews.asp?id=16970
每个界面相应的功能再后续介绍中会一一指出，如有疑问或建议也可以进入反馈页面告知管理员，管理员会尽快联系您并解决问题。操作完毕后单机右上角的“退出”模糊框退出系统。
5.1 进入登录界面
输入账号(学号/工号)、密码及验证码进行登录，后台根据不同的账号密码识别到用户身份进入相应的主页面。尚未注册点击“注册即可快速注册”，也可以联系管理员添加账号。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="com.rain.bean.AdminBean,com.rain.dao.AdminDao"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh-CN" class="ax-vertical-centered">
<head>
<meta charset="UTF-8">
<title>图书馆管理系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="static/css/bootstrap-admin-theme.css">
<link rel="stylesheet" href="static/css/bootstrap-admin-theme.css">
<script src="static/js/bootstrap.min.js"></script>
<script src="static/jQuery/jquery-3.1.1.min.js"></script>
<script src="static/js/bootstrap-dropdown.min.js"></script>
<script src="static/js/reader.js"></script>
<script src="static/js/readerUpdateInfo.js"></script>
<script src="static/js/readerUpdatePwd.js"></script>
<style>
body {
background-image: url("03.jpg");
}
</style>
</head>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<body class="bootstrap-admin-with-small-navbar">
<!-- 判断是否已经登录 -->
<%
AdminBean admin = new AdminBean();
String aid = (String) session.getAttribute("aid");
AdminDao admindao = new AdminDao();
admin = admindao.get_AidInfo2(aid);
%>
<nav
class="navbar navbar-inverse navbar-fixed-top bootstrap-admin-navbar bootstrap-admin-navbar-under-small"
role="navigation">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="collapse navbar-collapse main-navbar-collapse">
<a class="navbar-brand" href="index.jsp"><strong>欢迎使用图书馆管理系统</strong></a>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown"><a href="#" role="button"
class="dropdown-toggle" data-hover="dropdown"> <i
class="glyphicon glyphicon-user"></i> 欢迎您，<%out.write(admin.getName());%>
(<%=session.getAttribute("aid")%>)
<i class="caret"></i></a>
<ul class="dropdown-menu">
<li><a href="#updateinfo" data-toggle="modal">个人资料</a></li>
<li role="presentation" class="divider"></li>
<li><a href="#updatepwd" data-toggle="modal">修改密码</a></li>
<li role="presentation" class="divider"></li>
<li><a href="/books/login.jsp">退出</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<div class="container">
<!-- left, vertical navbar & content -->
<div class="row">
<!-- left, vertical navbar -->
<div class="col-md-2 bootstrap-admin-col-left">
<ul class="nav navbar-collapse collapse bootstrap-admin-navbar-side">
<li><a href="/books/select.jsp"><i
class="glyphicon glyphicon-chevron-right"></i> 图书查询</a></li>
<li><a href="/books/borrow.jsp"><i
class="glyphicon glyphicon-chevron-right"></i> 借阅信息</a></li>
<li><a href="/books/history.jsp"><i
class="glyphicon glyphicon-chevron-right"></i> 借阅历史</a></li>
</ul><br><br>
<ul class="nav navbar-collapse collapse bootstrap-admin-navbar-side">
<li><a href="/books/bdtimes.jsp"><i
class="glyphicon glyphicon-chevron-right"></i> 热门推荐</a></li>
<li><a href="/books/brtimes.jsp"><i
class="glyphicon glyphicon-chevron-right"></i> 最佳读者</a></li>
</ul><br><br>
<ul class="nav navbar-collapse collapse bootstrap-admin-navbar-side">
<li><a href="/books/feedback.jsp"><i
class="glyphicon glyphicon-chevron-right"></i> 问题反馈</a></li>
</ul>
</div>
<!-- content -->
<div class="col-md-10">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<div class="text-muted bootstrap-admin-box-title">图书查询</div>
</div>
<div class="bootstrap-admin-panel-content">
<ul>
<li>根据图书名称、作者、分类查询图书信息</li>
<li>可查询图书的编号、名称、分类、作者、在馆数量等</li>
</ul>
</div>
</div>
</div>
<!-- 判断用户是否登录 -->
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<div class="text-muted bootstrap-admin-box-title">借阅信息</div>
</div>
<div class="bootstrap-admin-panel-content">
<ul>
<li>展示所借图书的基本信息，借阅日期、截止还书日期等</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<div class="text-muted bootstrap-admin-box-title">热门推荐</div>
</div>
<div class="bootstrap-admin-panel-content">
<ul>
<li>展示每一本书的借阅量，包括图书基本信息</li>
<li>可以在当前界面直接借阅，并且可以查询书籍借阅量</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<div class="text-muted bootstrap-admin-box-title">借阅历史</div>
</div>
<div class="bootstrap-admin-panel-content">
<ul>
<li>查询借阅历史，借阅时长等具体信息</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<div class="text-muted bootstrap-admin-box-title">最佳读者</div>
</div>
<div class="bootstrap-admin-panel-content">
<ul>
<li>展示每一位已知读者的借阅量，以及读者的基本信息</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<div class="text-muted bootstrap-admin-box-title">问题反馈</div>
</div>
<div class="bootstrap-admin-panel-content">
<ul>
<li>有问题请留下您的联系方式，我们会记录在库并及时反馈</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-------------------------------------------------------------->
<form class="form-horizontal" method="post"
action="/books/AdminServlet">
<!--保证样式水平不混乱-->
<!-- 模态框（Modal） -->
<div class="modal fade" id="updatepwd" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">修改密码</h4>
</div>
<div class="modal-body">
<!--正文-->
<input type="hidden" name="tip" value="1"> <input
type="hidden" name="url" value="index">
<div class="form-group">
<label for="firstname" class="col-sm-3 control-label">原密码</label>
<div class="col-sm-7">
<input type="password" class="form-control" name="password"
id="oldPwd" placeholder="请输入原密码"> <label
class="control-label" for="oldPwd" style="display: none"></label>
</div>
</div>
<div class="form-group">
<label for="firstname" class="col-sm-3 control-label">新密码</label>
<div class="col-sm-7">
<input type="password" class="form-control" name="password2"
id="newPwd" placeholder="请输入新密码"> <label
class="control-label" for="newPwd" style="display: none"></label>
</div>
</div>
<!--正文-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="submit" class="btn btn-primary">修改</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</form>
<!-------------------------------------------------------------->
<!-------------------------个人资料模糊框------------------------------------->
<form class="form-horizontal" method="post"
action="/books/AdminServlet">
<!--保证样式水平不混乱-->
<!-- 模态框（Modal） -->
<div class="modal fade" id="updateinfo" tabindex="-1" role="dialog"
aria-labelledby="ModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title" id="ModalLabel">个人资料</h4>
</div>
<div class="modal-body">
<!--正文-->
<input type="hidden" name="tip" value="2"> <input
type="hidden" name="url" value="index">
<div class="form-group">
<label for="firstname" class="col-sm-3 control-label">真实姓名</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="name" name="name"
placeholder="请输入您的真实姓名"
value='<%out.write(admin.getName());%>'> <label
class="control-label" for="name" style="display: none"></label>
</div>
</div>
<div class="form-group">
<label for="firstname" class="col-sm-3 control-label">手机号</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="phone" name="phone"
placeholder="请输入您的手机号"
value='<%out.write(admin.getPhone());%>'> <label
class="control-label" for="phone" style="display: none"></label>
</div>
</div>
<div class="form-group">
<label for="firstname" class="col-sm-3 control-label">邮箱</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="email" name="email"
placeholder="请输入您的邮箱" value='<%out.write(admin.getEmail());%>'>
<label class="control-label" for="email" style="display: none"></label>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="submit" class="btn btn-primary">修改</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</form>
</body>
</html>
扫一扫
310
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
