阿博图书馆管理：SpringBoot技术解析

第二章 开发技术介绍
此次B/S结构、Java技术以及mysql数据库是该阿博图书馆管理系统的主要开发技术，然后对系统的整体设计、数据库设计、功能模块设计、系统页面设计以及系统程序设计进行了详细的研究与规划。
2.1 系统开发平台
在该阿博图书馆管理系统中，Eclipse 技术可以给用户带来极大方便，其主要特点就是可以使用户学习起来方便、快捷，另一方面就是信息储存量也是非常大的，该功能主要被应用为数据库中进行查询和编程。并且该功能的数据应用比较灵活，通过我们现在的发展可以得知，只要利用一小部分代码就可以来实现非常强大的功能。因此，该系统数据库开发主要是由Eclipse 技术进行系统代码管理。
2.2 平台开发相关技术
2.2.1 B/S结构
B/S模式也就是浏览器/服务器模式，它的界面部分是在浏览器端展示，而主要工作是由服务器端进行实现的，用户的请求由浏览器端提交给服务器端进行处理，而服务器将处理结果反馈给浏览器端，在浏览器端界面描画给用户查看。采用B/S模式不仅可以避免用户必须安装毕节教育扶贫网站软件才能开发系统或者访问系统的局限性，而且更加便利[12]。
2.2.2 java技术
java是一种跨平台的网页技术，最终实现网页的动态效果，与 JSP技术类似，都是在HTML中混合一些程序的相关代码，运用语言引擎来执行代码，java能够实现与管理员的交互，方便管理员的使用。
java技术具有诸多优点，可以忽略所使用的平台，实现仅需一次编写就能够到处运行使用，而且还具有很好的安全性和多平台支持的特性，能够在任何平台的任何环境中进行开发，进行系统部署和环境扩展。它也有属于自己的功能强大的开发工具的支持，并且可以通过很多渠道免费得到，这就为java技术的传播也准备了条件[6]。

2.2.3 Spring Boot框架
Spring Boot是Pivotal团队的一个新框架，旨在简化新Spring应用程序的初始设置和开发。该框架使用特定的配置方法，无需开发人员定义样板配置。通过这种方式，Spring Boot旨在成为蓬勃发展的快速应用程序开发领域的领导者。
Spring Boot特点：
1、创建一个单独的Spring应用程序；
2、嵌入式Tomcat，无需部署WAR文件；
3、简化Maven配置；
4、自动配置Spring；
5、提供生产就绪功能，如指标，健康检查和外部配置；
6、绝对没有代码生成和XML的配置要求；
安装步骤：
最基本的是，Spring Boot是一个可以被任何项目的构建系统使用的库集合。为简单起见，该框架还提供了一个命令行界面，可用于运行和测试Boot应用程序。可以从Spring存储库手动下载和安装框架的已发布版本，包括集成的CLI（命令行界面）。更简单的方法是使用Groovy enVironment Manager（GVM），它负责处理Boot版本的安装和管理。可以从GVM命令行GVMinstall springboot安装Boot及其CLI。在OS X上安装Boot时可以使用Homebrew包管理器。要完成安装，首先使用brewtappivotal / tap切换到pivotal存储库，然后执行brew install springboot命令。

2.2.4 MySQL数据库
MySQL是目前中小型企业进行软件系统开发时广泛使用的传统关系数据库之一，特别是近年来在 Oracle 公司的管理下，MySQL数据库的性能有了很大的提升，而且支持的功能也更加丰富。MySQL作为最早的开源关系数据库之一，最初是由瑞典的数据库公司 MySQLAB 进行开发维护的，现归甲骨文公司管理。MySQL作为最为流行的开源关系数据库，是Web应用开发者进行Web 应用开发时的首选数据库。MySQL数据库虽然是开发数据库产品，但是在广发MySQL使用者的共同维护下，MySQL本身的性能并不差。MySQL作为传统的关系数据库，与其它传统的关系数据库并无大的差别，在 MySQL数据库中，数据根据数据库使用者的定义被存储于不同的数据库表中，而且用户可以定于不同的数据库来存放不同的数据表，这和目前新兴的非关系数据库数据存储方式有着很大的不同。MySQL数据库中数据的分表分库存储方式能够最大程度的避免数据同步代码的性能损耗，使得数据库的存取速度有了很大提升，而且同时保持了很大的灵活性。因此目前的中小型软件系统大多采用 MySQL数据库进行系统数据的存储。

2.2.5 Vue.js简介

Vue.js 可以说是MVVM 架构的最佳实践，是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。专注于 MVVM 中的 ViewModel，不仅做到了数据双向绑定，
而且也是一款相对比较轻量级的JS 库，API 简洁因为vue的双向数据绑定特性以及技术的成形，实现了项目的热加载，改完页面代码能立即在浏览器方面显示效果，提高开发效率Vue.js 是采用 Object.defineProperty 的 getter 和 setter，并结合观察者模式来实现数据绑定的。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时，
Vue 将遍历它的属性，用 Object.defineProperty 将它们转为 gettertter。用户看不到 gettertter，但是在内部它们让 Vue 追踪依赖，在属性被访问和修改时通知变化。

第五章 系统功能实现
5.1管理员功能模块
管理员登录，通过填写用户名、密码、角色进行登录，如图5-1所示。

图5-1管理员登录界面图

管理员登录进入阿博图书馆管理系统页面可以查看首页、个人中心、用户管理、图书分类管理、图书信息管理、图书借阅管理、图书归还管理、缴纳罚金管理、留言板管理、系统管理等信息，如图5-2所示。

图5-2管理员功能界面图

用户管理，在用户管理列表可以查看用户名、姓名、性别、头像、手机、身份证等内容，还可以根据需要进行详情、修改或删除等操作，如图5-3所示。

图5-3用户管理界面图

图书分类管理，在图书分类管理列表可以查看图书分类等信息，并可根据需要进行详情、修改或删除等操作，如图5-4所示。

图5-4图书分类管理界面图

图书信息管理，在图书信息管理列表可以查看图书编号、图书名称、图书分类、图片、作者、出版社、图书状态、可借天数、可借数量等信息，并可根据需要进行详情、修改查看评论或删除等操作，如图5-5所示。

图5-5图书信息管理界面图

图书借阅管理，在图书借阅管理页面可以查看借阅单号、图书编号、图书名称、图书分类、图片、可借天数、可借数量、借阅日期、借阅天数、应还日期、借阅状态、用户名、姓名、手机、身份证、审核回复、审核状态、审核等内容，并且根据需要进行详情、修改等操作，如图5-6所示。

图5-6图书借阅管理界面图

缴纳罚金管理，在缴纳罚金管理页面可以查看借阅单号、图书编号、图书名称、罚款说明、罚款金额、罚款日期、用户名、手机、是否支付等内容，并且根据需要进行详情、修改或删除等操作，如图5-7所示。

图5-7缴纳罚金管理界面图

轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图5-8所示。

图5-8轮播图管理界面图

5.2用户功能模块
用户登录进入阿博图书馆管理系统可以查看首页、个人中心、图书借阅管理、图书归还管理、缴纳罚金管理、我的收藏管理等内容，如图5-9所示。

图5-9用户功能界面图
图书归还管理，在图书归还管理列表中通过查看借阅单号、图书编号、图书名称、图书分类、图片、可借天数、借阅日期、应还日期、归还日期、用户名、手机、审核回复、审核状态等信息，并且根据需要进行详情、修改或删除等操作，如图5-10所示。

图5-10图书归还管理界面图

5.3前台首页功能模块
阿博图书馆管理系统，在阿博图书馆管理系统页面可以查看首页、图书信息、公告信息、留言反馈、个人中心、后台管理等内容，如图5-11所示。

图5-11前台首页界面图

用户注册、用户登录，通过注册填写用户名、密码、姓名、性别、手机、身份证等信息进行注册、登录，如图5-12所示。

图5-12用户注册、用户登录界面图

图书信息，在图书信息页面可以查看图书编号、图书名称、图书分类、图片、作者、出版社、图书状态、可借天数、可借数量、点击次数等信息，进行借阅、点我收藏操作，如图5-13所示。

图5-13图书信息界面图

个人中心，在个人中心页面可以填写用户名、密码、姓名、性别、头像、手机、身份证等信息进行更新信息、退出登录操作，如图5-14所示。

图5-14个人中心界面图

留言反馈，在留言反馈页面可以填写留言内容、回复内容、用户名等信息进行立即提交操作，如图5-15所示。

图5-15留言反馈界面图