自习室座位管理系统
摘 要
21世纪时信息化的时代，几乎任何一个行业都离不开计算机，将计算机运用于学校的各种信息管理也是十分常见的。随着时代发展，越来越多小程序被普遍使用，小程序的便捷，随时随地即可方便使用的特点，使得越来越受到人们的欢迎。过去使用手工的管理方式对自习室座位进行管理，造成了管理繁琐、难以维护等问题，如今使用计算机对高校自习室的各项基本信息进行管理，比起手工管理来说既方便又简单，而且具有易于管理、搜索速度快、存储量大等多个优点。将其使用在自习室座位管理中，不仅能够提高校园自习室座位管理中管理员的工作效率，而且可以使校园自习室座位管理更加科学与规范。在信息化时代的不断冲击下，校园自习室座位管理与小程序的结合，将会是一条提高学校自习室管理水平的捷径。
经过本人的综合考虑，自习室座位管理系统的设计是采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用SSM框架、JSP技术、Ajax技术进行业务系统的编码及其开发，实现了系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对自习室座位管理的各项需求以及技术问题进行分析，证明了自习室座位管理系统的必要性和技术可行性，然后对设计需要使用的技术软件以及设计思想做了基本的介绍，最后来实现自习室座位管理系统的部署和运行。
关键词：SSM框架；Mysql数据库；自习室座位管理
Study room seat management system
Abstract
In the information age in the 21st century, almost any industry is inseparable from computers. It is also very common to apply computers to various information management in schools. In the past, the manual management method was used to manage the self-study room in Colleges and universities, resulting in cumbersome management and difficult maintenance. Now, the use of computers to manage the basic information of the self-study room in Colleges and universities is not only convenient and simple compared with manual management, but also has many advantages, such as easy management, fast search speed, large storage capacity and so on. Using it in the seat management of university self-study room can not only improve the work efficiency of administrators in the seat management of campus self-study room, but also make the seat management of campus self-study room more scientific and standardized. Under the continuous impact of the information age, the combination of campus self-study room seat management and computer technology will be a shortcut to improve the management level of school self-study room.
After my comprehensive consideration, the seat management system of university study room is designed to adopt the object-oriented development mode for software development and hardware erection, which can well meet the needs of actual use, improve the corresponding software erection and program coding, adopt MySQL as the main storage unit of background data, and adopt ssm framework, JSP technology Ajax technology encodes and develops the business system, and realizes all the functions of the system. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the various requirements and technical problems of the seat management system in the self-study room of colleges and universities, proves the necessity and technical feasibility of the system, then makes a basic introduction to the technical software and design ideas needed to design the system, and finally realizes the campus competition system and deploys it.
Key words:SSM framework; Mysql database; Seat management system of self study room in Colleges and Universities
目 录
致谢 43
近年来，随着办学规模的逐渐扩大，大学生就业形势日益严峻，就业压力也逐年增大，为了应对激烈的社会竞争，越来越多的大学生加入考研和公务员考试的行列，各类职业资格考试也成为大学生进入相关行业工作的必备条件，从而造成自习室占座现象严重，一座难求。因此，如何合理地分配自习室座位资源，建立起相对公平的自习室座位管理机制，有效地避免占座现象，成为学校需要解决的一大难题。该课题设计并建立基于Web标准的高校自习室自动排位和选座系统，实现了学校图书馆和自习室座位的指引、预留和占用等功能。学生可以在图书馆和教学楼指定位置的智能系统上录入个人校园卡身份信息使用该系统，也可以通过学校网络教育在线平台进行网上选座，从而避免因信息不对称而产生的自习室资源浪费，有效地解决自习室严重的占座问题。
-
- 研究意义
面对现今各国高校自习室座位管理问题，加之繁复的各种信息录入，单用传统的人工采集信息的方式已经不能满足当下的需求。如何利用现代信息技术使组织者具有快速高效的信息反馈能力和高效率，是目前举办方特别关心的一个问题。建立一个功能齐全的座位管理系统，避免由于人工操作产生的缺陷，已成为当今社会举办高校自习室座位管理的重中之重。
本文的主要工作是研究如何将计算机和信息管理进行有机结合，从而利用Java语言以及Mysql数据库技术在Dreamweaver中实现了系统的功能模块，切实的开发出一套贴近￥新闻管理的实际，有效管理￥新闻的系统。
论文结构如下：
第一章绪论：主要对自习室座位管理系统的开发背景,研究现状，目的,及意义进行了分析。
第二章开发技术及软件：主要把系统开发工具进行介绍，另外讲解开发系统所用到的一些特殊功能技术。
第三章系统分析：主要是对自习室座位管理系统进行需求分析，以及对其数据流程与功能进行分析。
第四章系统设计：主要根据系统需求对系统的设计进行介绍，以及对数据的开发与功能模块设计的过程。
第五章系统实现：本章主要结合系统界面截图，介绍了系统各个功能实现的结果。
第六章系统测试：本章系统进行功能模块的测试，撰写测试用例，确保系统各大功能准确无误。
第七章总结与展望：对整个论文的研究内容进行总结，概括整个论文的特点，指出不足之处，为下步深究指明方向。
本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的ssm框架进行开发。
前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。
后端部分：采用ssm作为开发框架，同时集成MyBatis、Redis等相关技术。
-
- ssm框架介绍
SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。常作为数据源较简单的web项目的框架。
1.6.1 Spring
Spring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。
Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地`new`一个对象，而是让Spring框架帮你来完成这一切。
1.6.2 SpringMVC
SpringMVC在项目中拦截用户请求，它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责，将用户请求通过HandlerMapping去匹配Controller，Controller就是具体对应请求所执行的操作。SpringMVC相当于SSH框架中struts。
1.6.3 mybatis
mybatis是对jdbc的封装，它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。mybatis通过配置文件关联到各实体类的Mapper文件，Mapper文件中配置了每个类对数据库所需进行的sql语句映射。在每次与数据库交互时，通过sqlSessionFactory拿到一个sqlSession，再执行sql命令。
页面发送请求给控制器，控制器调用业务层处理逻辑，逻辑层向持久层发送请求，持久层与数据库交互，后将结果返回给业务层，业务层将处理逻辑发送给控制器，控制器再调用视图展现数据。
-
- MySQL数据库
科技的进步，给日常带来许多便利：教室的投影器用到了虚拟成像技术，数码相机用到了光电检测技术，比如超市货物进出库的记录需要一个信息仓库。这个信息仓库就是数据库，而这次的超市商品管理系统也需要这项技术的支持。
用MySQL这个软件，是因为它能接受多个使用者访问，而且里面存在Archive等。它会先把数据进行分类，然后分别保存在表里，这样的特别操作就会提高数据管理系统自身的速度，让数据库能被灵活运用。MySQL的代码是公开的，而且允许别人二次编译升级。这个特点能够降低使用者的成本，再搭配合适的软件后形成一个良好的网站系统。虽然它有缺点，但是综合各方面来说，它是使用者的主流运用的对象。
-
- B/S结构
B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。
-
- B/S体系工作原理
B/S架构采取浏览器请求，服务器响应的工作模式。
用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；
而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；
从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。
在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。
-
- ssm框架各层关系
DAO层、Service层这两个层次都可以单独开发，互相的耦合度很低，完全可以独立进行，这样的一种模式在开发大项目的过程中尤其有优势。
Controller，View层因为耦合度比较高，因而要结合在一起开发，但是也可以看作一个整体独立于前两个层进行开发。这样，在层与层之前只需要知道接口的定义，调用接口即可完成所需要的逻辑单元应用，一切显得非常清晰简单。
-
- JavaScript 运行模式
JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
1.8.1是一种解释性脚本语言（代码不进行预编译）。
1.8.2主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
1.8.3可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
1.8.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
1.8.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。
技术可行性主要考虑当前项目所用的技术是否能够符合，在设备上是否能够满足，及各种辅助工具是否提供帮助。本系统用的是Java开发语言，调试相对简单，当前的计算机硬件配置也完全能满足开发的需求，因此在技术上是绝对可行的。软件方面：由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低，完全能满足系统的需求。采用Java编程语言，已无技术上的问题。
系统所采用的主流的SSM框架进行系统主体框架的搭建和Mysql后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式，也是选用了成本较低的B/S模式，所以经济上几乎没任何问题。
本系统是自行开发的系统，以方便自习室座位管理为出发点，是具有实际意义的系统，开发的环境软件和用到的数据库也都是开源代码，不存在侵权等问题，所以在社会方面也是可行的。
学生用例图如下所示。
图3-1 学生用例图
管理员用例图如下所示。
图3-2 管理员用例图
通过对用例图的分析和调查，根据本系统的实际需要，从用户角度提出需求功能如下：
1.管理员功能需求：
用户管理模块：管理员查看用户基本信息，并实现对用户信息的增加、删除、修改等功能。
修改登录密码模块：修改管理员用户的登录密码。
注册管理模块：管理员查看用户注册信息，内容，审核。
自习室座位管理模块：管理员查看自习室座位表，并且添加座位数据，也能够删除座位数据。
座位预约管理模块：根据学生的实际预约，管理员对座位信息的公布维护、座位预约处理等操作。
退坐管理模块：学生可以在线进行退坐申请，管理员对学生的申请进行审核。
维修中心模块：对自习室座位损坏问题进行维修申请，管理员进行审核。
2.用户功能需求：
用户注册模块：将用户信息录入数据库，用户利用注册的账号以及密码登录系统，浏览查看各种信息，添加部分信息；
自习室座位预约模块：用户提交自习室座位预约申请，等待审核。
退坐模块：用户取消自习室座位预约，输入具体取消信息，预约编号，自习室类型，自习室名称，座位号等，提交退座申请，管理员对取消进行审核。
个人信息模块：修改信息功能，用户修改个人资料信息，但不能修改账号；密码修改功能，修改登录密码。
入座签到模块：从管理员发布的预约数据中选择要预约的座位号，进行入座签到记录。
评判一个系统好坏的一项重要指标就是性能，下面是对此系统的一些性能进行阐述。
1.系统的安全性和稳定性: 自习室座位管理系统在管理权限上有着严格的控制，即想登录此平台进行操作，则必须要有操作权限，没有权限的用户是不可能登录平台查看任何的信息和数据，从而确保了系统的安全性。
2.数据的完整性和准确性：第一个是各项记录信息的完整性，信息记录的内容可以为空；第二个是各项信息数据之间相互联系的准确性；第三个是数据在不同记录信息的一致性
3．用户操作系统简单方便
在系统开发中按照“简单易用”的原则，能够使用户对系统的使用一目了然，既能保证用户使用，同时又能保证维护人员方便维护。
业务流程图不仅能反映出内部业务之间的关系，而且能体现出作业顺序及信息的流动。自习室座位管理系统必须支持整个组织在不同层次上的各种功能，各个功能模块之间又有各种不同相关的信息进行联系，构成了一个有机的整体，根据高校自习室座位管理的特点以及结合所面临的实际情况，设计出了系统的业务流程图。
系统的业务流程如下图所示。
图3-1系统业务流程图
在分析了系统的业务流程之后，就要分析系统的数据流，为后面设计系统的数据库做好基础。这里主要利用数据流程图来说明数据流程。数据流程图是一个图示工具，容易理解，容易在开发和用户方之间进行交流，以及在开发组织内部交流。因此数据流程图作为一种模型工具已经广泛使用在软件工程的实践中。
系统的顶层数据流图如下图所示。
图3-2系统数据流图（顶层）
根据系统的业务流程，用户浏览所使用到的数据归纳为输出信息。而用户提交的数据则作为系统的输入数据。相应的，根据系统管理员业务流程，管理员对系统内容的添加、更新和删除等所操作的数据定义为输入信息。
系统的底层数据流图如下图所示。
图3-3系统数据流图（底层）
自习室座位管理系统架构设计主要分为可以3层，主要有Web层，业务层，Model层。其中web层还包括View层和Controller层，Model层包括元数据扩展层和数据访问层。
图4-1系统架构图
视图层视图是指被用户所看到的并且能够与之进行交互的界面。视图可以向用户展示相关的数据，并接收用户输入的数据，但对用户数据不进行任何实际业务操作处理。
模型层通过控制层来处理视图层传递的数据，同一个模型可以给不同的视图提供数据，也可以被不同的视图重复使用。由于 Model 的主要内容是数据、方法和行为，其也是 MVVM 中逻辑最为复杂，代码量最多的部分，其中包含了许多应用中需要用到的业务逻辑，因此模型层的开发也变得尤为重要，后期一般不会对模型层进行大规模改动，也是 MVVM最稳定的部分。
控制层主要负责视图层和模型层之间的数据传输和处理请求操作。当用户通过视图发送数据和请求时，控制层可以接收请求和数据并决定调用哪些模型、通过模型的哪些操作来处理数据和请求，处理完成后，控制层再将数据返回给相应的视图。
根据对系统的功能进行分析可以总结自习室座位管理系统的具体功能模块包括下面的几个主要的功能模块：该系统主要从两大模块进行设计的，首先就是用户参与操作需要的模块，此外还需要有管理员用到的模块，两者之间不是互相独立的，他们之间有着密切的联系，同数据库表中的数据连接起来进行操作。每个模块访问相同的数据库，但访问的表不同。系统的各个功能模块是根据所收集的资料研究得到的。在以上分析功能的基础上，系统模块分为多个模块。用户含有的功能有注册，登录，信息搜索，自习室座位预约、入座签到、退座管理、维修中心、反馈中心等，退出登录等功能，管理员含有的功能有修改密码，用户管理、自习室座位管理、预约中心管理、退座管理、维修中心管理等功能。
系统的功能结构图如下图所示。
图4-2系统功能结构图
用户模块主要实现用户的注册、登录、竞赛信息搜索、在线评论、在线报名、风采展示、个人资料修改、登录密码修改、竞赛成绩查询等功能。
用户注册：用户通过账号注册得到用户名和密码。
用户登录：用户在被管理员添加成功后，通过管理员提供的用户名、密码和输入验证码进行登录，操作非常简单。
个人资料管理：用户根据用户ID修改当前ID的一些属性的值。
修改个人登录密码：用户登录高校自习室座位管理系统后可以自己修改自己的密码。
座位搜索：用户可以在线搜索并查看系统发布的座位信息。
预约中心：用户提交自习室座位预约申请，等待审核。
退座管理：用户取消自习室座位预约，输入具体取消信息，预约编号，自习室类型，自习室名称，座位号等，提交退座申请，管理员对取消进行审核。
入座签到：用户进行入座登记。
维修中心：对自习室有损毁问题的座位进行维修申请。
管理员模块是本系统重要开发部分，它的使用对象是系统管理员，在进入管理员模块前，需要输入正确的用户姓名、密码和验证码，才能进入管理员模块。界面右上方有退出系统按钮，点击可退出管理员模块界面。
系统用户管理：管理员添加、管理、查询管理员信息并有修改他们密码的权限。
注册用户管理：管理员管理已注册的用户，审核刚注册的用户，修改用户的基本信息。
自习室座位预约模块：用户提交自习室座位预约申请，等待审核。
退座模块：用户取消自习室座位预约，输入具体取消信息，预约编号，自习室类型，自习室名称，座位号等，提交退座申请，管理员对取消进行审核。
个人信息模块：修改信息功能，用户修改个人资料信息，但不能修改账号；密码修改功能，修改登录密码。
入座签到模块：从管理员发布的预约数据中选择要预约的座位号，进行入座签到记录。
维修中心模块：管理自习室座位维修申请信息。
E-R图一般是由实体、实体的属性与联系三个要素组成的。在规划系统中所使用的数据库实体对象及实体E-R图，则需要通过对系统的需求分析、业务流程设计和系统功能结构来确定的。
总体ER图如下图所示。
图4-3总体ER图
将实体属性模型转换为关系数据库应该遵循以下几个原则：
1.一个实体转换后要对应一个关系。
2.所有的主键必须要定义为非空（not null）。
3.针对二元联系也应该按照一对多、弱对实、一对一和多对多等联系来定义外键。
得到数据库的关系后，设计如下表结构。
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| group_id | mediumint | 8 | 是 | 是 | 用户组ID |
| display | smallint | 4 | 是 | 否 | 显示顺序 |
| name | varchar | 16 | 是 | 否 | 名称 |
| description | varchar | 255 | 否 | 否 | 描述 |
| source_table | varchar | 255 | 否 | 否 | 来源表： |
| source_field | varchar | 255 | 否 | 否 | 来源字段： |
| source_id | int | 10 | 是 | 否 | 来源ID： |
| register | smallint | 1 | 否 | 否 | 注册位置: |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| study_room_seats_id | int | 11 | 是 | 是 | 自习室座位ID |
| study_room_no | varchar | 64 | 否 | 否 | 自习室编号 |
| name_of_study_room | varchar | 64 | 否 | 否 | 自习室名称 |
| self_study_room_pictures | varchar | 255 | 否 | 否 | 自习室图片 |
| credit_points | varchar | 64 | 否 | 否 | 信用积分 |
| position | varchar | 64 | 否 | 否 | 位置 |
| use_rules | text | 0 | 否 | 否 | 使用规则 |
| study_room_type | varchar | 64 | 否 | 否 | 自习室类型 |
| hits | int | 11 | 是 | 否 | 点击数 |
| praise_len | int | 11 | 是 | 否 | 点赞数 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| study_room_reservation_id | int | 11 | 是 | 是 | 预约ID |
| reservation_number | varchar | 64 | 否 | 否 | 预约编号 |
| study_room_no | varchar | 64 | 否 | 否 | 自习室编号 |
| name_of_study_room | varchar | 64 | 否 | 否 | 自习室名称 |
| student_number | int | 11 | 否 | 否 | 学号 |
| full_name | varchar | 64 | 否 | 否 | 姓名 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| Sign in and out_id | int | 11 | 是 | 是 | 入座签退ID |
| reservation_number | varchar | 64 | 否 | 否 | 预约编号 |
| study_room_no | varchar | 64 | 否 | 否 | 自习室编号 |
| name_of_study_room | varchar | 64 | 否 | 否 | 自习室名称 |
| student_number | int | 11 | 否 | 否 | 学号 |
| full_name | varchar | 64 | 否 | 否 | 姓名 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| reservation_sign_out_id | int | 11 | 是 | 是 | 预约签退ID |
| reservation_number | varchar | 64 | 否 | 否 | 预约编号 |
| study_room_no | varchar | 64 | 否 | 否 | 自习室编号 |
| name_of_study_room | varchar | 64 | 否 | 否 | 自习室名称 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| Retreat management_id | int | 11 | 是 | 是 | 退坐管理ID |
| reservation_number | varchar | 64 | 否 | 否 | 预约编号 |
| study_room_no | varchar | 64 | 否 | 否 | 自习室编号 |
| name_of_study_room | varchar | 64 | 否 | 否 | 自习室名称 |
| student_number | int | 11 | 否 | 否 | 学号 |
| time_of_appointment | varchar | 64 | 否 | 否 | 退座时间 |
| cancellation_reason | text | 0 | 否 | 否 | 退坐原因 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| check_in_id | int | 11 | 是 | 是 | 入座签到ID |
| reservation_number | varchar | 64 | 否 | 否 | 预约编号 |
| study_room_no | varchar | 64 | 否 | 否 | 自习室编号 |
| name_of_study_room | varchar | 64 | 否 | 否 | 自习室名称 |
| student_number | int | 11 | 否 | 否 | 学号 |
| full_name | varchar | 64 | 否 | 否 | 姓名 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| appointment_check_in_id | int | 11 | 是 | 是 | 签到ID |
| reservation_number | varchar | 64 | 否 | 否 | 编号 |
| study_room_no | varchar | 64 | 否 | 否 | 自习室编号 |
| name_of_study_room | varchar | 64 | 否 | 否 | 自习室名称 |
从web系统查询数据的根本的查询步骤：
Step1: 进行检查并且过滤来自用户的系统数据；
Step2: 成立起一个合适的数据库进行连接；
Step3: 进行查询系统数据库；
Step4: 获得查询的结构；
Step5: 把查询的结果展示给用户。
Step6: 数据库连接断开，释放资源。
数据库连接原理如下图所示。
图5-1数据库连接原理
数据库连接关键代码如下所示。
package com.project.demo.constant;
/**
*/
public class FindConfig {
public static String PAGE = "page";
public static String SIZE = "size";
public static String LIKE = "like";
public static String ORDER_BY = "orderby";
public static String FIELD = "field";
public static String GROUP_BY = "groupby";
public static String MIN_ = "_min";
public static String MAX_ = "_max";
}
-
- 登录模块的实现
为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。
用户登录流程图如下所示。
图5-2用户登录流程图
登录界面如下图所示。
图5-3登录界面
用户登录的逻辑代码如下所示。
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
User byUsername = (User) resultList.get(0);
Map<String, String> groupMap = new HashMap<>();
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
String res = String.valueOf(service.runCountSql(sql).getSingleResult());
if (res==null){
return error(30000,"用户不存在");
}
if (!res.equals("已通过")){
return error(30000,"该用户审核未通过");
}
}
//查询用户状态
if (byUsername.getState()!=1){
return error(30000,"用户非可用状态，不能登录");
}
String md5password = service.encryption(password);
if (byUsername.getPassword().equals(md5password)) {
// 存储Token到数据库
AccessToken accessToken = new AccessToken();
accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
accessToken.setUser_id(byUsername.getUserId());
tokenService.save(accessToken);
// 返回用户信息
JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
user.put("token", accessToken.getToken());
JSONObject ret = new JSONObject();
ret.put("obj",user);
return success(ret);
} else {
return error(30000, "账号或密码不正确");
}
}
用户输入用户名、密码、电话、姓名等必填信息后，点击注册按钮完成用户的注册。
用户注册流程图如下所示。
图5-4用户注册流程图
用户注册界面如下图所示。
图5-5用户注册界面
* 注册
* @param user
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(@RequestBody User user) {
// 查询用户
Map<String, String> query = new HashMap<>();
query.put("username",user.getUsername());
List list = service.select(query, new HashMap<>()).getResultList();
if (list.size()>0){
return error(30000, "用户已存在");
}
user.setUserId(null);
user.setPassword(service.encryption(user.getPassword()));
service.save(user);
return success(1);
}
/**
* 用户ID：[0,8388607]用户获取其他与用户相关的数据
*/
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = "user_id")
private Integer userId;
/**
* 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
*/
@Basic
@Column(name = "state")
private Integer state;
/**
* 所在用户组：[0,32767]决定用户身份和权限
*/
@Basic
@Column(name = "user_group")
private String userGroup;
/**
* 上次登录时间：
*/
@Basic
@Column(name = "login_time")
private Timestamp loginTime;
/**
* 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
*/
@Basic
@Column(name = "phone")
private String phone;
/**
* 手机认证：[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = "phone_state")
private Integer phoneState;
/**
* 用户名：[0,16]用户登录时所用的账户名称
*/
@Basic
@Column(name = "username")
private String username;
/**
* 昵称：[0,16]
*/
@Basic
@Column(name = "nickname")
private String nickname;
/**
* 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
*/
@Basic
@Column(name = "password")
private String password;
/**
* 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
*/
@Basic
@Column(name = "email")
private String email;
/**
* 邮箱认证：[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = "email_state")
private Integer emailState;
/**
* 头像地址：[0,255]
*/
@Basic
@Column(name = "avatar")
private String avatar;
/**
* 创建时间：
*/
@Basic
@Column(name = "create_time")
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
private Timestamp createTime;
@Basic
@Transient
private String code;
}
-
-
- 自习室座位列表模块的实现
-
用户点击某个竞赛信息进入自习室座位详细页，点击评论按钮进入座位列表页，搜索座位信息。
自习室座位列表信息流程图如下所示。
图5-6自习室座位列表信息流程图
自习室座位列表信息界面如图所示。
图5-7自习室座位列表信息界面
自习室座位列表信息关键代码如下所示。
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
public Map<String,Object> readBody(BufferedReader reader){
BufferedReader br = null;
StringBuilder sb = new StringBuilder("");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map<String,Object> body){
StringBuffer sql = new StringBuffer("INSERT INTO ");
sql.append("`").append(table).append("`").append(" (");
for (Map.Entry<String,Object> entry:body.entrySet()){
sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
}
sql.deleteCharAt(sql.length()-1);
sql.append(") VALUES (");
for (Map.Entry<String,Object> entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append("'").append(entry.getValue()).append("'").append(",");
}else {
sql.append(entry.getValue()).append(",");
}
}
sql.deleteCharAt(sql.length() - 1);
sql.append(")");
log.info("[{}] - 插入操作：{}",table,sql);
Query query = runCountSql(sql.toString());
query.executeUpdate();
}
-
-
- 预约中心模块的实现
-
用户点击某个自习室进入预约详细页，点击报名预约按钮进入自习室座位信息页，提交座位预约信息，管理员管理用户的自习室座位预约信息，审核预约信息。
预约中心流程图如下所示。
图5-8预约中心流程图
自习室座位预约如图所示。
图5-9自习室座位预约界面
自习室座位预约关键代码如下所示。
@RequestMapping(value = {"/avg_group", "/avg"})
public Map<String, Object> avg(HttpServletRequest request) {
Query count = service.avg(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
系统用户管理主要是对新用户的添加和旧用户的删除。新用户的添加主要是指添加用户名称并确定其密码；旧用户的删除也是从下拉菜单中找到对应的用户名称将其删除。不论是新用户添加还是旧用户的删除，这个权限只有管理员具有。
用户管理流程图如下所示。
图5-10用户管理流程图
系统用户管理关键代码如下所示。
public Map<String, Object> getList(HttpServletRequest request) {
Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));
return success(map);
}
-
-
- 座位信息管理模块的实现
-
自习室座位管理功能主要指对其自习室座位类型、自习室座位名称、自习室座位图标、报名申请等一些基本信息的添加、删除和修改。
自习室座位信息管理流程图如下所示。
图5-11自习室座位信息管理流程图
自习室座位信息管理如下图所示。
图5-12自习室座位信息管理界面
自习室座位信息管理关键代码如下所示。
@RequestMapping("auth")
public class AuthController extends BaseController<Auth, AuthService> {
/**
* 服务对象
*/
@Autowired
public AuthController(AuthService service) {
setService(service);
}
-
-
- 预约中心管理模块的实现
-
用户选择自习室预约申请记录，管理员审核自习室预约申请信息，管理所有用户的报名申请记录。
预约申请管理流程图如下所示。
图5-13预约申请管理流程图
预约中心管理界面如下所示。
图5-14预约中心管理界面
预约中心管理关键代码如下所示。
@RequestMapping("auth")
public class AuthController extends BaseController<Auth, AuthService> {
/**
* 服务对象
*/
@Autowired
public AuthController(AuthService service) {
setService(service);
}
}
系统测试是用于检查软件的质量、性能、可靠性等是否符合用户需求。一套严谨的、规范的、完善的测试过程将大大提高软件的质量、可信度、可靠性，降低软件的出错率，降低用户风险系数。通过在计算机上对系统进行测试试验并从中发现此系统中存在的问题和错误然后加以修改，使之更加符合用户需求。
1.测试的目的是通过测试来发现程序在执行过程中的错误的过程。
2.好的测试方案是可以检验出还未被发现的错误的方案。
3.好的测试是发现了到目前为止还未被发现的错误的测试。
4.该系统能够完成自习室座位活动/经费申请、自习室座位维护、用户维护、系统维护等功能，做到所开发的系统操作简单，尽量使系统操作不受用户对电脑知识水平的限制。
下表是自习室座位管理系统的测试用例，检测了自习室座位管理中对自习室座位信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。
前置条件；用户登录系统。
表6-1 座位信息管理的测试用例
| 功能描述 | 用于座位信息管理 | |
| 测试目的 | 检测座位信息管理时的各种操作的运行情况 | |
| 测试数据以及操作 | 预期结果 | 实际结果 |
| 点击添加座位信息，必填项合法输入，点击保存 | 提示添加成功 | 与预期结果一致 |
| 点击添加座位信息，必填项输入不合法，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击修改座位信息，必填项修改为空，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击修改座位信息，必填项输入不合法，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击删除座位信息，选择座位信息删除 | 提示删除成功 | 与预期结果一致 |
| 点击搜索座位信息，输入存在的座位信息名 | 查找出座位信息 | 与预期结果一致 |
| 点击搜索座位信息，输入不存在的座位信息名 | 不显示座位信息 | 与预期结果一致 |
下表是预约中心管理功能的测试用例，检测了预约中心管理中预约中心单的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。
前置条件；用户登录系统。
表6-2 预约中心管理的测试用例
| 功能描述 | 用于预约中心管理 | |
| 测试目的 | 检测预约中心管理时各种操作的情况 | |
| 测试数据以及操作 | 预期结果 | 实际结果 |
| 未选择高校自习室座位，点击提交 | 提示请选择高校自习室座位 | 与预期结果一致 |
| 未上传附件，点击提交 | 提示请选择附件 | 与预期结果一致 |
| 未选择原因，点击提交 | 提示请选择原因 | 与预期结果一致 |
根据以上测试情况，测试结果如下表所示。
表6-1测试结果表
| 测试项目 | 测试结果 |
| 登录测试 | 成功 |
| 修改密码测试 | 成功 |
| 座位信息测试 | 成功 |
| 预约中心测试 | 成功 |
| 入座签到测试 | 成功 |
| 用户管理测试 | 成功 |
| 座位信息管理测试 | 成功 |
| 预约中心管理测试 | 成功 |
| 维修中心管理测试 | 成功 |
| 反馈中心测试 | 成功 |
本研究针对自习室座位管理系统地需求建模，数据建模及过程建模分析设计并实现自习室座位管理系统的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现自习室座位管理系统的前后端代码。最终给出系统集成整合方法，完成自习室座位管理系统地设计与实现。
在此项目的开发中，明白了前后台在整个系统中起到了什么作用，因为前后台的连接，用户可以对系统进行操作，可以在输入自己的相关信息后，通过后台加工，完成对数据库的查找、修改、添加，而理解了这些关系与实现的方法后。再去完善整个系统的功能就更加清晰与简单了。此次的项目它涉及了前台与后台系统的搭建，在学校所学的知识基础上，此次的项目，让我对于一个系统的前端开发，以及后台的作用都有了一个更深切的认知。
参考文献
- 马可,黄恒熠,栗云鹏.基于C/S架构的高校座位管理系统[J].计算机系统应用,2021,30(09):77-84.
- [2]任智毅,张根,杨慧芳,耿文欣.共享自习室创立可行性研究与分析[J].上海商业,2021(08):170-171.
[3]Itsios G.,Panopoulos P.,Sfetsos K.,Zoakos D.. On the stability of AdS backgrounds with λ-deformed factors[J]. Journal of High Energy Physics,2021,2021(7):
[4]曹丽娟,钟浩贤,周杨景.物联网环境下的校园自习室优化推荐系统设计与实现[J].电子制作,2021(13):27-29.
[5]Yao Xinghu,Wen Chao,Wang Yuhui,Tan Xiaoyang. SMIX(λ): Enhancing Centralized Value Functions for Cooperative Multiagent Reinforcement Learning.[J]. IEEE transactions on neural networks and learning systems,2021,PP:
[6]王若璞,柳云山,许曹鑫,刘汗奇.基于Adaboost的自习室综合管理系统[J].电子元器件与信息技术,2021,5(04):189-192.
[7]陈谦益,赵艳丽,梅佳华.新时代背景下高校后勤服务育人创新研究——以云南中医药大学为例[J].学园,2021,14(11):54-56.
[8]牟彦霖. “互联网+”背景下高校学生生活区配套服务空间设计研究[D].华南理工大学,2020.
[9]李程琼,陈紫蓉,刘云.高校自习室资源优化探究——以玉溪师范学院为例[J].学园,2020,13(14):78-80.
[10]孙震.浅析高校自习室及其他公共区域管理——从各主体角度出发[J].内蒙古科技与经济,2019(22):161.
[11]阳晖.高校自习室座位管理存在的问题与对策[J].办公室业务,2019(21):175-176.
[12]韩广勋,杨森.基于共享经济模式的高校自习座位管理方法初探[J].中国教育信息化,2019(11):75-77.
[13]孙艳妮. 轮廓识别在自习室空位查询系统中的应用[D].重庆师范大学,2018.
[14]柯树媛,张玉娟,胡茜,白云,任亚楠.基于手机终端的高校自习室选座系统探析[J].科技风,2018(04):11.
[15]王远红.高校自习系统设计——以中国人民大学为例[J].现代信息科技,2018,2(01):184-186.
致谢
在此论文完成之际，感谢我的指导老师。在指导老师的网页设计课上，当时我学到了很多东西，这对于我实习过程中也打了一定的基础，而且指导老师对于我的设计也提出许多建议，并予以悉心的指导，对于一些细小的问题都耐心的指导我去完善，授予我写论文的好友，时常的鼓励我，另外感谢教导我完善此项目的前端同学，对于这个项目，我是边学习边实现完成的，有许多东西开始并不是很明白，但前端开发的同学非常耐心的引导我去将这个项目完成，在系统的后端开发中，所用到的后台开发技术也时常会给我讲解，助于我更好的将论文完成，在此对帮助到我的同学和一直予以教导的指导老师致以衷心的感谢，祝事业有成。
免费领取本源代码，请关注点赞＋私信
1407
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
