基于Springboot技术的实验室管理系统

已于 2024-08-14 10:32:40 修改
阅读量1k 收藏 29
点赞数 14
分类专栏： springboot 管理系统 计算机毕设 文章标签： springboot 后端 java
于 2024-08-14 00:10:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shangyizaoxing/article/details/141177013
版权

文章目录

springboot127基于Springboot技术的实验室管理系统

系统概述

1.1 研究背景

随着计算机技术的发展以及计算机网络的逐渐普及，互联网成为人们查找信息的重要场所，二十一世纪是信息的时代，所以信息的管理显得特别重要。因此，使用计算机来管理实验室管理系统的相关信息成为必然。开发合适的实验室管理系统，可以方便管理人员对实验室管理系统的管理，提高信息管理工作效率及查询效率，有利于更好的为人们服务。

1.2研究目的

随着互联网技术的快速发展，网络时代的到来，网络信息也将会改变当今社会。各行各业在日常企业经营管理等方面也在慢慢的向规范化和网络化趋势汇合。实验室管理系统的信息化程度体现在将互联网与信息技术应用于经营与管理，以现代化工具代替传统手工作业。无疑，使用网络信息化管理使信息管理更先进、更高效、更科学，信息交流更迅速。

对于之前实验室管理系统的管理，大部分都是使用传统的人工方式去管理，这样导致了管理效率低下、出错频率高。而且，时间一长的话，积累下来的数据信息不容易保存，对于查询、更新还有维护会带来不少问题。对于数据交接也存在很大的隐患。如果采用电子化的存储方式就会带来很大的改善，而且给用户的查询带来了很大便利，因此设计一个实验室管理系统刻不容缓，能够提高信息的管理水平。

1.3系统设计思想

一个成功的网站应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的策划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。同时，一个大型的计算机网站系统，必须有一个正确的设计指导思想，通过合理选择数据结构、网络结构、操作系统以及开发环境，构成一个完善的网络体系结构，才能充分发挥计算机信息管理的优势。根据现实生活中网民的实际需求，本系统的设计按照下述原则进行。

  1. 有效性：实际上这里的有效性包括两个方面的意思：有用性和可用性。有用性是指站点潜在的能满足用户需求的功能，而可用性是指能够通过站点的操作实现特定的目标。可以看出一个站点如果不能恰当运行或设计得非常槽糕就不是一个好站点。可用站点的效益应该非常高，并易于学习，在实现用户目标时令人满意而不出错。
  2. 高可靠性：一个实用的网站同时必须是可靠的，本设计通过合理而先进的网络设计以及软、硬件的优化选型，可保证网站的可靠性与容错性。
  3. 高安全性：在设计中，将充分利用网络软、硬件提供的各种安全措施，既可以保证用户共享资源，充分考虑系统及数据资源的容灾、备份、恢复的要求。为系统提供强大的数据库备份工具。可以保证关键数据的安全性。操作权限级，设置不同的角色确保每一步的操作权限，可以由管理员进行设置。
  4. 先进性：采用目前国际上最先进的开发技术，使用JSP开发技术，MYSQL作为网站后台数据库。采用这些技术降低了以后的系统运营成本，提高了系统的稳定性和易维护性。
  5. 采用标准技术：本网站的所有设计遵循国际上现行的标准进行，以提高系统的开放性。
  6. 外观和技术平衡：系统采用Web风格的界面设计，界面友好、美观，使用方便，易学易用。网站设计的关键问题是外观和技术的平衡。外现不好的网站令人厌烦，站点可以运行很好，但却不能带动用户积极性，相反，如果外观非常有表现力，但技术有限，用户则会感到非常失望。在外观与技术之间需要确定一个清晰而连续的关系，即外观与站点的意图相关，对不同类型的网站处理方法不同。

2相关技术

2.1 MYSQL数据库

MySQL是一个真正的多用户、多线程SQL数据库服务器。 是基于SQL的客户/服务器模式的关系数据库管理系统，它的有点有有功能强大、使用简单、管理方便、安全可靠性高、运行速度快、多线程、跨平台性、完全网络化、稳定性等，非常适用于Web站点或者其他应用软件的数据库后端的开发工作。此外，用户可利用许多语言编写访问MySQL数据库的程序。作为开放源代码运动的产物之一，MySQL关系数据库管理系统越来越受到人们的青睐，应用范围也越来越广。速度和易用性使MySQL特别适用于Web站点或应用软件的数据库后端的开发工作。

MYSQL数据库具有以下特点：

1、C和C ++中使用和测试，以确保源代码的编译器的便携性和灵活性。

2、支持多种操作系统AIX的，FreeBSD下，HP-UX，Linux和Mac OS中，Novell公司的Netware，OpenBSD系统，OS/2裹时，Solaris，Windows等。

3、提供了用于不同的编程语言的API。编程语言，如C, C ++，Python和Java的，的Perl，PHP，埃菲尔铁塔，Ruby和Tcl的。

4、以及使用的CPU资源来支持多线程。

5、算法优化查询SQL，切实提高搜索速度。

6、网络上的客户端和服务器可以用来编程任何独立的编程环境，也有中国，GB2312，BIG5，日文写作，一般基金，用于支持多国语言，并且可以嵌入在数据表和其他软件shift_jis访问柱可以用作的名称。

7、TCP / IP，ODBC和JDBC数据库，并提供连接到其他。

8、管理工具的管理，控制和优化数据库的操作。

9、可以数以千万计的记录在一个大的数据库。

2.2 B/S结构

B/S架构是一种基于互联网系统的软件系统开发架构，是现如今在软件系统开发中采用非常大量的一种软件系统结构。现如今B/S架构已经被大量使用，打破了C/S结构的结构，给基于网络结构的软件系统提供了良好的支持。B/S架构伴随着计算机网络技术发展而逐步的发展和更新。伴随着互联网的进一步发展，就要求大多数的管理系统要求不仅仅可以在一台电脑上使用，同时可以在接入互联网的其他电脑也可以使用对系统进行操作和使用。在这样的背景下基于B/S架构的软件系统设计方法得到了越来越大量的使用，基础部分也在不断的更新。

B/S架构是利用操作系统中的浏览器来进行使用的，不是一种窗体软件系统，不需要在使用系统的电脑上进行安装。B/S架构的运行方式是在远程的服务器上把开发的软件系统部署在远程的服务器上，在部署好软件系统之后就可以实现在任何接入互联网的电脑上访问部署好的软件系统。B/S架构给使用管理系统的用户带来极大的便利。

在三层体系结构的B/S（Browser/Server，浏览器/服务器结构）系统中，用户可以通过浏览器向分布在网络上的众多服务器发出请求。B/S系统极大地简化了客户机的工作量，客户机上只需要安装、配置少量的客户端运行软件即可，服务器将担负大量的工作，对数据库的访问以及应用程序的执行都将由服务器来完成。

B/S架构的不断成熟，主要使用WWW浏览器技术，结合多种浏览器脚本语言，用通用浏览器需要实现原本复杂的专有软件来实现的强大功能，并节约了开发成本，是一种新的软件架构。B/S系统包括：表示逻辑层，控制逻辑层，数据展现层，三层是相对独立又相互关联。

2.3 Spring Boot框架简介

Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

SpringBoot可以与经典的Java开发工具一起使用或者作为命令行工具安装。无论如何，需要JavaSDK1.6或者更高版本，本项目用到的是JDK1.8版本。

3系统分析

3.1可行性分析

通过对本实验室管理系统实行的目的初步调查和分析，提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。

3.1.1技术可行性

本实验室管理系统采用SSM框架，JAVA作为开发语言，是基于WEB平台的B/S架构系统。

（1）Java提供了稳定的性能、优秀的升级性、更快速的开发、更简便的管理、全新的语言以及服务。整个系统帮用户做了大部分不重要的琐碎的工作。

（2）基于B/S模式的系统的开发已发展日趋成熟。

（3）众所周知，Java是面向对象的开发语言。程序开发员可以在Eclipse平台上面方便的使用一些已知的解决方案。

因此，实验室管理系统在开发技术上具有很高可行性，且开发人员掌握了一定的开发技术，所以此系统的开发技术具有可行性。

3.1.2经济可行性

本实验室管理系统采用的软件都是开源的，这样能够削减很多的精力和资源，降低开发成本。同时对计算机的配置要求也极低，即使是淘汰下来的计算机也能够满足需要，因此，本系统在经济上是完全具有可行性的，所以在经济上是十分可行的。

3.1.3操作可行性

本实验室管理系统的界面简单易操作，用户只要平时有在用过电脑，都能进行访问和操作。本系统具有易操作、易管理、交互性好的特点，在操作上是非常简单的，因此在操作上具有很高的可行性。

综上所述，此系统开发目标已明确，在技术、经济和操作方面都具有很高的可行性，并且投入少、功能完善、管理方便，因此系统的开发是完全可行的。

3.2系统性能分析

3.2.1 系统安全性

此实验室管理系统要严格控制管理权限，具体要求如下：

（1）要想对实验室管理系统进行管理，首先要依靠用户名和密码在系统中登陆，无权限的用户不可以通过任何方式登录系统和对系统的任何信息和数据进行查看，这样可以保证系统的安全可靠性和准确性。

（2）在具体实现中对不同的权限进行设定，不同权限的用户在系统中登陆后，不可以越级操作。

3.2.2 数据完整性

（1）所有记录信息要保持全面，信息记录内容不可以是空。

（2）各种数据间相互联系要保持正确。

（3）相同数据在不同记录中要保持一致。

3.3系统界面分析

目前，界面设计已经成为对软件质量进行评价的一条关键指标，一个好的用户界面可以使用户使用系统的信心和兴趣增加，从而使工作效率提高，JSP技术是将JAVA语言作为脚本语言的，JSP网页给整个服务器端的JAVA库单元提供了一个接口用来服务HTTP的应用程序。创建动态页面比较方便。客户界面是指软件系统与用户交互的接口，往往涵盖输出、输入、人机对话的界面格式等。

1.输出设计

输出是由电脑对输入的基本信息进行解决，生成高质量的有效信息，并使之具有一定的格式，提供给管理者使用，这是输出设计的主要责任和目标。

系统开发的过程与实施过程相反，并不是从输入设计到输出设计，而是从输出设计到输入设计。这是由于输出表格与使用者直接相联系，设计的目的应当是确保使用者可以很方便的使用输出表格，并且可以将各部门的有用信息及时的反映出来。输出设计的准绳是既要整体琢磨不同管理层的所有需要，又要简洁，不要提供给用户不需要的信息。

2.输入设计

输入数据的收集和录入是比较麻烦的，需要非常多的人力和一定设备，而且经常出错。一旦输入系统的数据不正确，那么处理后的输出就会扩大这些错误，因此输入的数据的准确性对整个系统的性能起着决定性意义。

输入设计有以下几点原则：

1）输入量应尽量保持在能够满足处理要求的最低限度。输入量越少，错误率就会越少，数据的准备时间也越少。

2）应尽可能的使输入的准备以及输入的过程进行时比较方便，这样使错误的发生率降低。

3）应尽量早检查输入数据（尽量接近原数据发生点）,以便使错误更正比较及时。

4）输入数据尽早地记录成其处理所需的形式，以防止数据由一种介质转移到另一种介质时需要转录而可能发生的错误。

3.4系统流程和逻辑

图3-3登录流程图

图3-4修改密码流程图

4系统概要设计

4.1概述

本系统采用B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式，是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在任何时间、任何地点使用。系统工作原理图如图4-1所示：

图4-1系统工作原理图

4.2系统结构

本系统是基于B/S架构的网站系统，设计的功能结构图如下图所示：

图4-2功能结构图

4.3.数据库设计

4.3.1数据库实体

概念设计的目标是设计出反映某个组织部门信息需求的数据库系统概念模式，数据库系统的概念模式独立于数据库系统的逻辑结构、独立于数据库管理系统（DBMS）、独立于计算机系统。

概念模式的设计方法是在需求分析的基础上，用概念数据模型（例如E-R模型）表示数据及数据之间的相互联系，设计出反映学生信息需求和处理需求的数据库系统概念模式。概念设计的目标是准确描述应用领域的信息模式，支持用户的各种应用，这样既容易转换为数据库系统逻辑模式，又容易为用户理解。数据库系统概念模式是面向现实世界的数据模型，不能直接用于数据库系统的实现。在此阶段，用户可以参与和评价数据库系统的设计，从而有利于保证数据库系统的设计与用户的需求相吻合。在概念模式的设计中，E-R模型法是最常见的设计方法。本系统的E-R图如下图所示：

（1）管理员信息的实体属性图如下：

图4.12 管理员信息实体属性图

（2）学生信息实体属性图如图4.13所示：

图4.13 学生信息实体属性图

（3）教师信息实体属性图如图4.14所示：

图4.14 教师信息实体属性图

4.3.2数据库设计表

实验室管理系统需要后台数据库，下面介绍数据库中的各个表的详细信息：

表4.1 采购记录

字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
shebeibianhaovarchar(200)是NULL设备编号
shebeimingchengvarchar(200)是NULL设备名称
xinghaovarchar(200)是NULL型号
caigoushuliangint(11)否采购数量
caigoujiageint(11)否采购价格
caigougongsivarchar(200)否采购公司
caigouriqidate是NULL采购日期
beizhulongtext是NULL备注
表4.2 公告信息评论表
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
refidbigint(20)否关联表id
useridbigint(20)否用户id
nicknamevarchar(200)是NULL用户名
contentlongtext否评论内容
replylongtext是NULL回复内容
表4.3 实验课程评论表
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
refidbigint(20)否关联表id
useridbigint(20)否用户id
nicknamevarchar(200)是NULL用户名
contentlongtext否评论内容
replylongtext是NULL回复内容
表4.4 公告信息
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
biaotivarchar(200)否标题
leixingvarchar(200)否类型
tupianvarchar(200)是NULL图片
gonghaovarchar(200)是NULL工号
jiaoshixingmingvarchar(200)是NULL教师姓名
gonggaoneironglongtext是NULL公告内容
faburiqidate是NULL发布日期
表4.5 教师
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
gonghaovarchar(200)否工号
mimavarchar(200)否密码
jiaoshixingmingvarchar(200)是NULL教师姓名
xingbievarchar(200)是NULL性别
touxiangvarchar(200)是NULL头像
xueyuanvarchar(200)是NULL学院
zhichengvarchar(200)是NULL职称
dianhuavarchar(200)是NULL电话
表4.6 实验课程
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
kechengmingchengvarchar(200)否课程名称
tupianvarchar(200)是NULL图片
shiyanriqidate是NULL实验日期
shiyanshihaovarchar(200)否实验室号
gonghaovarchar(200)是NULL工号
jiaoshixingmingvarchar(200)是NULL教师姓名
shiyanneironglongtext是NULL实验内容
shiyanyaoqiulongtext是NULL实验要求
useridbigint(20)是NULL用户id
表4.7 实验设备
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
shebeibianhaovarchar(200)否设备编号
shebeimingchengvarchar(200)否设备名称
xinghaovarchar(200)否型号
danweivarchar(200)是NULL单位
tupianvarchar(200)是NULL图片
shebeishuliangint(11)否设备数量
shiyongfangfalongtext是NULL使用方法
shebeizhuangtaivarchar(200)是NULL设备状态
表4.8 实验室信息
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
shiyanshibianhaovarchar(200)否实验室编号
shiyanshimingchengvarchar(200)否实验室名称
shiyanshiguimovarchar(200)否实验室规模
shiyanshitupianvarchar(200)是NULL实验室图片
shiyanshiweizhivarchar(200)是NULL实验室位置
keyueshijianvarchar(200)是NULL可约时间
shiyanshixiangqinglongtext是NULL实验室详情
shiyanshizhuangtaivarchar(200)否实验室状态
表4.9 实验室预约
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
shiyanshimingchengvarchar(200)是NULL实验室名称
yuyueneirongvarchar(200)是NULL预约内容
yuyueshijianvarchar(200)是NULL预约时间
xuehaovarchar(200)是NULL学号
xueshengxingmingvarchar(200)是NULL学生姓名
banjivarchar(200)是NULL班级
shoujivarchar(200)是NULL手机
sfshvarchar(200)是否是否审核
shhflongtext是NULL审核回复
表4.10 收藏表
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
useridbigint(20)否用户id
refidbigint(20)是NULL收藏id
tablenamevarchar(200)是NULL表名
namevarchar(200)否收藏名称
picturevarchar(200)否收藏图片
表4.11 管理员表
字段类型空默认注释
id (主键)bigint(20)否主键
usernamevarchar(100)否用户名
passwordvarchar(100)否密码
rolevarchar(100)是管理员角色
addtimetimestamp否CURRENT_TIMESTAMP新增时间
表4.12 维修记录
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
shebeibianhaovarchar(200)是NULL设备编号
shebeimingchengvarchar(200)是NULL设备名称
xinghaovarchar(200)是NULL型号
weixiushuliangint(11)否维修数量
weixiuriqidate是NULL维修日期
weixiujieguolongtext是NULL维修结果
表4.13 学生
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
xuehaovarchar(200)否学号
mimavarchar(200)否密码
xueshengxingmingvarchar(200)否学生姓名
xingbievarchar(200)是NULL性别
touxiangvarchar(200)是NULL头像
banjivarchar(200)是NULL班级
shoujivarchar(200)是NULL手机
表4.14 知识库
字段类型空默认注释
id (主键)bigint(20)否主键
addtimetimestamp否CURRENT_TIMESTAMP创建时间
mingchengvarchar(200)否名称
banjivarchar(200)否班级
tupianvarchar(200)是NULL图片
wenjianvarchar(200)否文件
gonghaovarchar(200)是NULL工号
jiaoshixingmingvarchar(200)是NULL教师姓名
faburiqidate是NULL发布日期
xiangqinglongtext是NULL详情

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

5系统详细实现

5.1 管理员模块的实现

5.1.1 学生信息管理

实验室管理系统的系统管理员可以管理用户，可以对学生信息修改删除以及查询操作。具体界面的展示如图5.1所示。

图5.1 学生信息管理界面

5.1.2 教师信息管理

系统管理员可以查看对教师信息进行添加，修改，删除以及查询操作。具体界面如图5.2所示。

图5.2 教师信息管理界面

5.2 教师模块的实现

5.2.1 公告信息添加

教师可以对公告信息进行添加修改删除操作。界面如下图所示：

图5.3 公告信息界面

5.2.2 实验室预约审核

教师可以对学生预约的实验室预约信息进行审核操作。界面如下图所示：

图5.4 实验室预约审核界面

5.3 学生模块的实现

5.3.1 实验室预约

学生登录可以在首页实验室信息上面进行预约。界面如下图所示：

图5.5 实验室预约界面

5.3.2 我的收藏

学生登录后可以对课程信息，知识库等信息进行收藏，可以在我的收藏查看。界面如下图所示：

图5.6 我的收藏界面

DiscussgonggaoxinxiServiceImpl.java
package com.service.impl;

import org.springframework.stereotype.Service;
import java.util.Map;
import java.util.List;

import com.baomidou.mybatisplus.mapper.Wrapper;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import com.utils.PageUtils;
import com.utils.Query;


import com.dao.DiscussgonggaoxinxiDao;
import com.entity.DiscussgonggaoxinxiEntity;
import com.service.DiscussgonggaoxinxiService;
import com.entity.vo.DiscussgonggaoxinxiVO;
import com.entity.view.DiscussgonggaoxinxiView;

@Service("discussgonggaoxinxiService")
public class DiscussgonggaoxinxiServiceImpl extends ServiceImpl<DiscussgonggaoxinxiDao, DiscussgonggaoxinxiEntity> implements DiscussgonggaoxinxiService {
	
	
    @Override
    public PageUtils queryPage(Map<String, Object> params) {
        Page<DiscussgonggaoxinxiEntity> page = this.selectPage(
                new Query<DiscussgonggaoxinxiEntity>(params).getPage(),
                new EntityWrapper<DiscussgonggaoxinxiEntity>()
        );
        return new PageUtils(page);
    }
    
    @Override
	public PageUtils queryPage(Map<String, Object> params, Wrapper<DiscussgonggaoxinxiEntity> wrapper) {
		  Page<DiscussgonggaoxinxiView> page =new Query<DiscussgonggaoxinxiView>(params).getPage();
	        page.setRecords(baseMapper.selectListView(page,wrapper));
	    	PageUtils pageUtil = new PageUtils(page);
	    	return pageUtil;
 	}
    
    @Override
	public List<DiscussgonggaoxinxiVO> selectListVO(Wrapper<DiscussgonggaoxinxiEntity> wrapper) {
 		return baseMapper.selectListVO(wrapper);
	}
	
	@Override
	public DiscussgonggaoxinxiVO selectVO(Wrapper<DiscussgonggaoxinxiEntity> wrapper) {
 		return baseMapper.selectVO(wrapper);
	}
	
	@Override
	public List<DiscussgonggaoxinxiView> selectListView(Wrapper<DiscussgonggaoxinxiEntity> wrapper) {
		return baseMapper.selectListView(wrapper);
	}

	@Override
	public DiscussgonggaoxinxiView selectView(Wrapper<DiscussgonggaoxinxiEntity> wrapper) {
		return baseMapper.selectView(wrapper);
	}

}
FileUtil.java
package com.utils;

import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;

/**
* 类说明 : 
*/

public class FileUtil {
	public static byte[] FileToByte(File file) throws IOException {
		// 将数据转为流
		@SuppressWarnings("resource")
		InputStream content = new FileInputStream(file);
		ByteArrayOutputStream swapStream = new ByteArrayOutputStream();
		byte[] buff = new byte[100];
		int rc = 0;
		while ((rc = content.read(buff, 0, 100)) > 0) {
			swapStream.write(buff, 0, rc);
		}
		// 获得二进制数组
		return swapStream.toByteArray();
	}
}
InterceptorConfig.java
package com.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport;

import com.interceptor.AuthorizationInterceptor;

@Configuration
public class InterceptorConfig extends WebMvcConfigurationSupport{
	
	@Bean
    public AuthorizationInterceptor getAuthorizationInterceptor() {
        return new AuthorizationInterceptor();
    }
	
	@Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(getAuthorizationInterceptor()).addPathPatterns("/**").excludePathPatterns("/static/**");
        super.addInterceptors(registry);
	}
	
	/**
	 * springboot 2.0配置WebMvcConfigurationSupport之后，会导致默认配置被覆盖，要访问静态资源需要重写addResourceHandlers方法
	 */
	@Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
		registry.addResourceHandler("/**")
        .addResourceLocations("classpath:/resources/")
        .addResourceLocations("classpath:/static/")
        .addResourceLocations("classpath:/admin/")
        .addResourceLocations("classpath:/front/")
        .addResourceLocations("classpath:/public/");
		super.addResourceHandlers(registry);
    }
}
IndexHeader.vue
<template>
	<!-- <el-header>
		<el-menu background-color="#00c292" text-color="#FFFFFF" active-text-color="#FFFFFF" mode="horizontal">
			<div class="fl title">{{this.$project.projectName}}</div>
			<div class="fr logout" style="display:flex;">
				<el-menu-item index="3">
					<div>{{this.$storage.get('role')}} {{this.$storage.get('adminName')}}</div>
				</el-menu-item>
				<el-menu-item @click="onLogout" index="2">
					<div>退出登录</div>
				</el-menu-item>
			</div>
		</el-menu>
	</el-header> -->
	<div class="navbar" :style="{backgroundColor:heads.headBgColor,height:heads.headHeight,boxShadow:heads.headBoxShadow,lineHeight:heads.headHeight}">
		<div class="title-menu" :style="{justifyContent:heads.headTitleStyle=='1'?'flex-start':'center'}">
			<el-image v-if="heads.headTitleImg" class="title-img" :style="{width:heads.headTitleImgWidth,height:heads.headTitleImgHeight,boxShadow:heads.headTitleImgBoxShadow,borderRadius:heads.headTitleImgBorderRadius}" :src="heads.headTitleImgUrl" fit="cover"></el-image>
			<div class="title-name" :style="{color:heads.headFontColor,fontSize:heads.headFontSize}">{{this.$project.projectName}}</div>
		</div>
		<div class="right-menu">
			<div class="user-info" :style="{color:heads.headUserInfoFontColor,fontSize:heads.headUserInfoFontSize}">{{this.$storage.get('role')}} {{this.$storage.get('adminName')}}</div>
			<div class="logout" :style="{color:heads.headLogoutFontColor,fontSize:heads.headLogoutFontSize}" @click="onIndexTap">退出到前台</div>
			<div class="logout" :style="{color:heads.headLogoutFontColor,fontSize:heads.headLogoutFontSize}" @click="onLogout">退出登录</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				dialogVisible: false,
				ruleForm: {},
				user: {},
				heads: {"headLogoutFontHoverColor":"#fff","headFontSize":"20px","headUserInfoFontColor":"#333","headBoxShadow":"0 1px 6px #444","headTitleImgHeight":"44px","headLogoutFontHoverBgColor":"#333","headFontColor":"#000","headTitleImg":false,"headHeight":"60px","headTitleImgBorderRadius":"22px","headTitleImgUrl":"http://codegen.caihongy.cn/20201021/cc7d45d9c8164b58b18351764eba9be1.jpg","headBgColor":"#C59F22","headTitleImgBoxShadow":"0 1px 6px #444","headLogoutFontColor":"#333","headUserInfoFontSize":"16px","headTitleImgWidth":"44px","headTitleStyle":"2","headLogoutFontSize":"16px"},
			};
		},
		created() {
			this.setHeaderStyle()
		},
		mounted() {
			let sessionTable = this.$storage.get("sessionTable")
			this.$http({
				url: sessionTable + '/session',
				method: "get"
			}).then(({
				data
			}) => {
				if (data && data.code === 0) {
					this.user = data.data;
				} else {
					let message = this.$message
					message.error(data.msg);
				}
			});
		},
		methods: {
			onLogout() {
				let storage = this.$storage
				let router = this.$router
				storage.clear()
				router.replace({
					name: "login"
				});
			},
      			onIndexTap(){
      				window.location.href = `${this.$base.indexUrl}`
    			},
			setHeaderStyle() {
			  this.$nextTick(()=>{
			    document.querySelectorAll('.navbar .right-menu .logout').forEach(el=>{
			      el.addEventListener("mouseenter", e => {
			        e.stopPropagation()
			        el.style.backgroundColor = this.heads.headLogoutFontHoverBgColor
					el.style.color = this.heads.headLogoutFontHoverColor
			      })
			      el.addEventListener("mouseleave", e => {
			        e.stopPropagation()
			        el.style.backgroundColor = "transparent"
					el.style.color = this.heads.headLogoutFontColor
			      })
			    })
			  })
			},
		}
	};
</script>


<style lang="scss" scoped>
	.navbar {
		height: 60px;
		line-height: 60px;
		width: 100%;
		padding: 0 34px;
		box-sizing: border-box;
		background-color: #ff00ff;
		position: relative;
		z-index: 111;
		
		.right-menu {
			position: absolute;
			right: 34px;
			top: 0;
			height: 100%;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			z-index: 111;
			
			.user-info {
				font-size: 16px;
				color: red;
				padding: 0 12px;
			}
			
			.logout {
				font-size: 16px;
				color: red;
				padding: 0 12px;
				cursor: pointer;
			}
			
		}
		
		.title-menu {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width: 100%;
			height: 100%;
			
			.title-img {
				width: 44px;
				height: 44px;
				border-radius: 22px;
				box-shadow: 0 1px 6px #444;
				margin-right: 16px;
			}
			
			.title-name {
				font-size: 24px;
				color: #fff;
				font-weight: 700;
			}
		}
	}
	// .el-header .fr {
	// 	float: right;
	// }

	// .el-header .fl {
	// 	float: left;
	// }

	// .el-header {
	// 	width: 100%;
	// 	color: #333;
	// 	text-align: center;
	// 	line-height: 60px;
	// 	padding: 0;
	// 	z-index: 99;
	// }

	// .logo {
	// 	width: 60px;
	// 	height: 60px;
	// 	margin-left: 70px;
	// }

	// .avator {
	// 	width: 40px;
	// 	height: 40px;
	// 	background: #ffffff;
	// 	border-radius: 50%;
	// }

	// .title {
	// 	color: #ffffff;
	// 	font-size: 20px;
	// 	font-weight: bold;
	// 	margin-left: 20px;
	// }
			margin-right: 16px;
			}
			
			.title-name {
				font-size: 24px;
				color: #fff;
				font-weight: 700;
			}
		}
	}
	// .el-header .fr {
	// 	float: right;
	// }

	// .el-header .fl {
	// 	float: left;
	// }

	// .el-header {
	// 	width: 100%;
	// 	color: #333;
	// 	text-align: center;
	// 	line-height: 60px;
	// 	padding: 0;
	// 	z-index: 99;
	// }

	// .logo {
	// 	width: 60px;
	// 	height: 60px;
	// 	margin-left: 70px;
	// }

	// .avator {
	// 	width: 40px;
	// 	height: 40px;
	// 	background: #ffffff;
	// 	border-radius: 50%;
	// }

	// .title {
	// 	color: #ffffff;
	// 	font-size: 20px;
	// 	font-weight: bold;
	// 	margin-left: 20px;
	// }
</style>
shangyizaoxing
关注
专栏目录
【java-springboot-毕业设计】在线教育系统
2301_79766712的博客
11-03 111
1.1研究背景随着计算机技术的发展以及计算机网络的逐渐普及，互联网成为人们查找信息的重要场所，二十一世纪是信息的时代，所以信息的管理显得特别重要。因此，使用计算机来管理在线教育系统的相关信息成为必然。开发合适的在线教育系统，可以方便管理人员对在线教育系统的管理，提高信息管理工作效率及查询效率，有利于更好的为人们服务。1.2研究目的随着互联网技术的快速发展，网络时代的到来，网络信息也将会改变当今社会。各行各业在日常企业经营管理等方面也在慢慢的向规范化和网络化趋势汇合。
（附源码）SSM学生网上请假系统JAVA计算机毕业设计项目
bishe507的博客
10-05 2047
可操作性主要是对学生网上请假系统设计完成后，用户的使用体验度，以及管理员可以通过系统随时管理相关的数据信息，并且对于管理员、教师和学生三个用户角色，都可以简单明了的进入到自己的系统界面，通过界面导航菜单可以简单明了地操作功能模块，方便用户信息的操作需求和管理员管理数据信息，对于系统的操作，不需要专业人员都可以直接进行功能模块的操作管理，所以在系统的可操作性是完全可以的。学生管理，在学生管理页面中可以对索引、学号、密码、姓名、性别、班级、手机、邮箱、照片等信息进行详情或删除等操作，如图5-4所示。
【计算机毕业设计】028房屋租赁系统
卓怡学长的博客
03-25 2283
房屋是人类生活栖息的重要场所，随着城市中的流动人口的增多，人们对房屋租赁需求越来越高，为满足用户查询房屋、预约看房、房屋租赁的需求，特开发了本基于Spring Boot的房屋租赁系统。 本文重点阐述了房屋租赁系统的开发过程，以实际运用为开发背景，基于Spring Boot框架，运用了Java技术和MYSQL数据库进行开发，充分保证系统的安全性和稳定性。本系统界面良好，操作简单方便，通过系统概述、系统分析、系统设计、数据库设计、系统测试这几个部分，详细的说明了系统的开发过程，最后并对整个开发过程进行了总结，实
基于SpringBoot+Vue的网上摄影工作室（源码+文档+包运行）
&公&粽&号 《源码好优多》
04-16 1068
随着信息技术在管理上越来越深入而广泛的应用，管理信息系统的实施在技术上已逐步成熟。本文介绍了网上摄影工作室的开发全过程。通过分析网上摄影工作室管理的不足，创建了一个计算机管理网上摄影工作室的方案。文章介绍了网上摄影工作室的部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。本网上摄影工作室管理员功能有个人中心，用户信息管理，作品分类管理，摄影作品管理，摄影圈，系统管理等。因而具有一定的实用性。本站是一个B/S模式系统，采用Spring Boot框架，MYSQL。
在线教育系统
03-08
采用asp技术开发完成，系统功能较完善。
基于springboot的实验室管理系统代码
04-08
基于springboot的实验室系统代码 1、实验室系统的技术栈、环境、工具、软件： ① 系统环境:Windows/Mac ② 开发语言：Java ③ 框架：SpringBoot ④ 架构:B/S、MVC ⑤ 开发环境:IDEA、JDK、Maven、Mysql ⑥ JDK版本...
java-springboot-实验室管理系统-基于springboot实验室管理系统-代码-系统-项目-源码-毕设-网站-代码
01-25
java-springboot-实验室管理系统-基于springboot的实验室管理系统-代码-系统-项目-源码-毕设-网站 1、技术栈：java,springboot,vue，ajax，maven，mysql，MyBatisPlus等 2、系统的实现 用户信息 图片素材 视频素材 ...
基于SpringBoot+Vue的实验室管理系统（源码+部署说明+系统介绍）.zip
04-08
基于SpringBoot+Vue的实验室管理系统是一个集成了前端和后端技术的实验室管理平台，主要用于实验室设备的管理，设备借用、归还等功能。该系统的源码、部署说明和系统介绍已经打包成一个zip文件，方便用户使用。 该...
基于sprinboot车辆充电桩管理系统vue(源码+lw+部署文档+讲解等)
最新发布
全网粉丝10W+、全栈领域优质创作者、掘金、阿里云等社区博客专家、专注于全栈领域和毕业项目实战
05-29 832
💗博主介绍：✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者，博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗主要内容：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。👇🏻 精彩专栏 推荐订阅👇🏻🌟文末获取源码+数据库🌟。
Eduline在线教育系统
12-26
eduline在线教育系统源码是安装版，没有什么数据，亲测截图是什么样，源码就是什么样！ Eduline在线教育系统是成都赛新科技有限公司推出的互联网教育系统，是网络教学/在线教育最好的解决方案，可轻松帮助企业/个人搭建在线教育网站平台； Eduline在线教育系统简洁易用，定制性强，是开展互联网教学、销售、推广的最好的选择。 没用域名限制，可二次开发，带开发文档。 视频教学系统 完善的后台系统，第三方存储，多种视频格式的上传、播放，只为优质体验。 直播教学系统 更直观有效的教学形式，零距离授课，实时互动，在线答疑，尽享学习乐趣 在线考试系统 多种考试类型定义，试题批量录入，跟踪用户考试记录，实时查看结果及分析 在线约课系统 精准筛选，足不出户，一键预约，省时省力，方便快捷 用心创作历程 历经两年的产品迭代和升级，打造全新的在线教育系统
eduline在线教育系统
12-08
eduline在线教育系统 最新eduline在线教育系统 eduline源码 edu在线教育源码 eduline教育源码 Eduline在线教育系统是成都赛新科技有限公司推出的互联网教育系统，是网络教学/在线教育最好的解决方案，可轻松帮助企业/个人搭建在线教育网站平台； Eduline在线教育系统简洁易用，定制性强，是开展互联网教学、销售、推广的最好的选择。 没用域名限制，可二次开发，带开发文档。
在线教育系统2018最新版|视频点播|在线题库|模拟考试|在线考试
03-30
微厦在线学习云服务平台是一款集“在线学习”“在线做题“模拟考试“在线考试”于一体的在线教育系统，支持电脑端、手机端以及微信学习。 学习模块：视频点播、pdf在线预览、视频弹题、学时统计； 在线题库：章节练习、试题收藏、错题库、试题导入、导出； 模拟考试：在线组卷、真题模拟、试卷回顾； 在线考试：两种考试模式（定时、区间），智能阅卷（自动阅卷+人工判卷），成绩导出； 在线充值：支付宝、管理员充值； 营销模块：学员分享、积分、卡券。 三级分销：自定义分润比例。
学生请假系统
06-15
数据库课程设计,实现了基本的请假功能,可拓展,有代码.适合初学者的, Myeclipse8.5开发.
基于springboot+vue的网上摄影工作室系统(前后端分离)
weixin_mtyeducation
02-24 449
本系统项目代码工整，结构清晰，适合选题：网上摄影、摄影、工作室、前后端分离等。系统采用springboot+vue整合开发，前端主要使用了element-ui框架、项目后端主要使用了springboot，数据层采用mybatis。
【网站项目】python009基于推荐算法的电影推荐系统
卓怡学长的博客
03-12 2417
现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本基于推荐算法的电影推荐系统就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此基于推荐算法的电影推荐系统利用当下成熟完善的VUE技术，使用跨平台的可开发大型商业网站的Python语言，以及最受欢迎的RDBMS应用软件之一的MySQL数据库进行程序开发。基于推荐算法的电影推荐系统有管理员和用户两个
大学生竞赛管理系统-JAVA【数据库设计、源码、开题报告】
laowang8的博客
11-22 4611
Java是由SUN公司推出，该公司于2010年被oracle公司收购。Java本是印度尼西亚的一个叫做爪洼岛的英文名称，也因此得来java是一杯正冒着热气咖啡的标识。Java语言在移动互联网的大背景下具备了显著的优势和广阔的前景，它是面向对象的，分布式的，动态的，具有平台无关性、安全性、健壮性。Java语言的基本语句语法和C++一样，但是它面向对象的技术更加彻底，因为Java要求将所有的内容都必须封装成类，把类作为程序的基本单位。由于不允许类外有变量、方法。
基于springboot的房屋租赁系统
Qq_963396490的博客
05-17 436
基于springboot的房屋租赁系统 技术选型 springboot+spring data jpa+mysql+freemarker 功能简介 首页 详情咨询q：（看我昵称） ...
基于springboot的实验室管理系统
09-09
基于Spring Boot的实验室管理系统可以通过使用Spring Boot框架来快速搭建一个功能完善的实验室管理系统。该系统可以提供实验室设备管理、实验室使用预约、实验室日志记录等功能。 首先，系统可以提供实验室设备的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值