基于java+springboot+vue实现的高校自习室预约系统（文末源码+Lw+ppt）23-428

摘  要

高校自习室预约系统采用B/S架构，数据库是MySQL。网站的搭建与开发采用了先进的java进行编写，使用了springboot框架。该系统从两个对象：由管理员和学生来对系统进行设计构建。主要功能包括：个人信息修改，对用户、学生、自习室、课程信息、预约信息、取消预约、签到信息等功能进行管理。本系统在一般高校自习室预约系统的基础上增加了首页推送最新信息的功能，方便用户快速浏览，是一个高效的、动态的、交互友好的高校自习室预约系统。

本系统在设计过程中，很好地发挥了该开发方式的优势，让实现代码有了良好的可读性，而且使代码的更新和维护更加的方便，操作简单，对以后的维护减少了很多麻烦。系统的顺利开发和实现，对于高校自习室预约这一方面提供巨大的便利服务，无论是管理员还是学生，都带来了极大的便利，方便大众，为社会的进步与发展提供了一些动力。

关键词：高校自习室预约系统；java语言；MySQL数据库 

4 系统设计

4.1 系统体系结构

管理员管理用例图4-1所示。

图4-1 管理员管理用例图

登录管理用例图4-2所示。

       

图4-2 登录管理用例图

图4-3 学生用例图

图4-4 管理员用例图

4.2 系统总功能结构设计

系统按照用户的实际需求开发而来，贴近生活。从管理员通过正确的账号的密码进入系统，可以使用相关的系统应用。管理员总体负责整体系统的运行维护，统筹协调。

系统整体模块设计：系统分为管理员和学生两大角色，系统管理员有最大的权限，总体功能展示如图4-5所示。

图4-5 系统总体功能图

4.3开发流程设计

系统开发流程的分析是一个至关重要的过程，它是指通过系统的设计开发目的初衷、面向使用用户的范围、系统运行和操作的安全性、各种问题的处理以及后台数据的分析能力等各个角度，来对高校自习室预约系统进行设计、开发、搭建和调节，以保证该系统能够顺利的完成，达到预期的工作状态。上述每个环节、每个步骤一开始就要下足功夫，从各个方面、各个角度进行调查研究，进行大量的测试和评估，来保证高校自习室预约系统的正常和该系统的后台数据库的完整性以及安全性，从而把控系统所包含信息的安全性、确保信息进入、出口顺利过渡。然后，对系统和数据进行操作和分析，根据每一步的执行步骤，完成信息的流程图制作过程。

系统的开发对管理模型和系统应用中的数据库进行了分类，创建代码，以及系统测试，如图4-6所显示。

图4-6开发系统流程图

4.4 数据库设计原则

学习程序设计，如果要了解数据库管理系统或者是根据需求而制定的系统接口，就必须创建一种数据库管理系统的模式，用来保存数据资料，这样当在应用编程过程中时候，就不需要再向操作系统页面上加载信息，进而增加了整个系统的工作效率。信息库管理系统中保存着许多数据，应该说是一个管理信息系统建设的中心和基础，而信息库管理系统也为管理信息系统建设提出了新增、删除、更改和搜索的操作功能，使管理信息系统建设能够迅速地查询所需要的数据，而不会直接从程序代码中查找。信息库管理系统通过将信息表的各个组成部分按照特定的方法准确地合并，排序和组成信息库管理系统。

通过对高校自习室预约系统的主要功能信息进行规划并分为若干功能实体信息，本系统的主要功能实体E-R图如图4-7、图4-8、图4-9、图4-10。

图4-7课程信息实体属性图

图4-8学生信息实体属性图

图4-9自习室实体属性图

图4-10预约信息实体属性图

4.5 数据表

把按照数据库理念建立的E-R图，转换为国际关系信息库。在关联数据库中，统计关联主要由统计表所构成，但是表的构成主要体现在表格的数文字段上。如下表所示。

表4-1：公告资讯

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	标题
introduction	longtext	4294967295	简介
picture	longtext	4294967295	图片
content	longtext	4294967295	内容

表4-2：课程信息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
kechengmingcheng	varchar	200	课程名称
kechengtupian	longtext	4294967295	课程图片
kechengleixing	varchar	200	课程类型
kechengziyuan	longtext	4294967295	课程资源
kechengjieshao	longtext	4294967295	课程介绍

。

。

。

。

。

表4-9：取消预约

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
yuyuedanhao	varchar	200	预约单号
mingcheng	varchar	200	名称
tupian	longtext	4294967295	图片
yuyueshijian	varchar	200	预约时间
quxiaoshijian	datetime		取消时间
quxiaoyuanyin	longtext	4294967295	取消原因
xuehao	varchar	200	学号
xingming	varchar	200	姓名
shouji	varchar	200	手机
crossuserid	bigint		跨表用户id
crossrefid	bigint		跨表主键id
sfsh	varchar	200	是否审核		待审核
shhf	longtext	4294967295	审核回复
userid	bigint		用户id

表4-10：签到信息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
mingcheng	varchar	200	名称
qiandaoshijian	datetime		签到时间
renlianshibie	longtext	4294967295	人脸识别
qiandaobeizhu	varchar	200	签到备注
xuehao	varchar	200	学号
shouji	varchar	200	手机
banji	varchar	200	班级
shhf	longtext	4294967295	回复内容

5 系统详细设计

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.2后台管理员模块实现

管理员登录，在登录页面正确输入用户名和密码、角色后，进入操作系统进行操作；如图5-7所示。                               

图5-7 管理员登录界面

管理员进入系统主页面，主要功能包括对系统首页、个人中心、学生管理、自习室管理、课程信息管理、预约信息管理、取消预约管理、签到信息管理、系统管理等进行操作。管理员主页面如图5-8所示：

图5-8 管理员主界面

管理员点击学生管理，在学生管理页面中输入学号、姓名、性别、头像、手机、班级等信息，进行查询、新增或删除学生信息等操作。如图5-9所示：

图5-9 学生管理界面

管理员点击自习室管理，在自习室管理页面中输入名称、图片、规模、座位、位置、设施、可约时间、是否有课等信息，进行查询、新增或删除自习室等操作。如图5-10所示：

图5-10 自习室管理界面

管理员点击课程信息管理，在课程信息管理页面中对课程名称、课程图片、课程类型、课程资源等信息，进行查询、新增或删除课程信息等操作。如图5-11所示：

图5-11课程信息管理界面

5.3后台学生模块实现

学生点击后台管理，然后页面跳转到系统主页面，主要包括对系统首页、个人中心、预约信息管理、取消预约管理、签到信息管理等进行操作。学生主页面如图5-12所示：

图5-12学生主界面