springboot024开放实验室管理系统子系统(vue)

文章首发地址

1　绪论

1.1　课题背景

校园信息化代表着一个国家的前进方向，只有让校园信息化建设走在行业的前列才能够培养出真正意义上的人国人材。比如说国内很多知名大学清华、北大这些。让如此多的高校享受到信息化的前沿技术才能够开拓他们的眼界，才能让更多高校学子了解信息化，通过信息化的手段去建设祖国。信息化建设一直受到社会各阶段的广泛关注，对于信息化的重点实行地域，高校的信息化代表着社会科学的进步力度。只有最方便、最快捷的感觉到了信息化带来的真正便利，才能使得高校学生更加奋进。对于学校而言，校园信息化一直都是社会多方位多层次被关注的一个方向。校园实验室数据管理一直是一个令管理者比较烦恼的一件事情，不能够及时有效的进行实验室数据管理的管理。如果可以利用信息化的手段进行管理的话，那将非常有效。

1.2 选题主要研究思路和方法

对于本试题的主要研究思路和方法呢，其实无非就是我们日常生活中解决问题的一些思路和方法。在干一些事儿之前，首先我们要考虑的一定是我们为什么要干这件事儿，那么，也就是我们选题的一些背景的目的和意义在于，做这件事儿是为了什么。其次，当我们了解到需要做这件事儿的目的、意义、背景之后，那么我们就要寻求解决这件事情的一些办法，就是通常我们所说的一些技术相关应用，比如说我要做饭的话，首先会想到要有一个盛饭的容器锅，那么对于我们开发来说也是一样的，想要开发出一款好的网站也好，系统也罢，那所需要的就是我们的开发工具以及相关的技术了。第三，有了这些零零散散的基础之外呢，我们就要往下进行考虑，我们对于系统的需求，系统的能不能行，这些都是我们所要考虑的一些思路，具体用到的一些方法呢，我们会进行一些更简洁的比对呀，或者是参考其他的文献的文献综述法了，这些都会用得到。那么最后呢，我们在实现系统以后进行一些相关的一些测验呢、总结了，以及对我们整体的一次思想总结从而得到经验。

1.3　选题主要解决的问题

选题解决的问题主要是两大类，第一类是页面给客户呈现的效果以及展现页面的语言选型。另一类是在网站高并发访问的时候，如何能够保证网站的系统安全性以及系统稳健性，同时对于数据的处理、存储。如何能够有着高效的算法。首先，在解决第一类问题时所采用的语言选型使用了java语言，这样很大程度就解决了页面的展现形式问题，同时也能够让使用者感觉到网站的最美特效。其次，因为此次设计主要是针对毕业设计而进行的既要满足功能需求，同时也需要数据库简单易学，所以采用了MYSQL数据库。。

2　开发技术简介

2.1　基于B/S结构开发

软件的开发设计模式当中分为两种。一种是B/S设计模式，一种是C/S设计模式。B/S设计模式是通过浏览器的方式进行网址访问。而C/S模式是通过安装软件安装到客户端的形式进行一些数据访问及功能性的获取。当然，对于两种设计模式的应用场景是大不相同的。B/S设计模式一般应用于Web应用程序对一些网站网址的访问来说是非常合适的，而C/S设计模式一般是对于需要PC机和网络来为服务器分担处理过程的设计模式。比如我们常见的。游戏以及各种软件安装等。当然，相对于C/S模式来说，B/S模式有一个唯一的特点就是需要应用程序更新时，只需要在服务器端将代码更新即可，那么所有访问此应用的客户端浏览器则直接进行了更新，不需要单独做更新，而C/S模式则需要每个客户端进行更新。有些没有进行更新的客户端则体验不到最新软件程序。

2.2 VUE语言简介

本系统选择的开发语言是VUE语言。选择这个圆的原因主要是我很长时间都在学习这个语言的开发，VUE是一种开发网页儿非常好用的工具。你说到VUE就不得不说VUE。它是基于VUE进行使用的。非常的好用，而且它可以有很多的动态效果，都可以用，非常的方便。用它开发出来的网站嗯在界面和交互上都非常的舒服所以我选择用VUE进行行等网站让他开发。

2.3　springboot架构

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

2.4　eclipse工具

开发系统我选择的是eclipse工具，这个工具要说优点那可真是一大堆。首先它可以自动对你输入的代码进行排版，让你打出来的代码非常的方便，而且通过这个工具你可以自动设置很多的选项，不用再单独的敲代码来实现，运行程序、测试程序也都是一键操作，还会自动展示出错误的信息，非常的强大和方便。

2.5　MySQL数据库

现在开发一个小型的网站，一般人们都会用MYSQL数据库。他是Oracle公司开发的一个管理数据的一个产品，主要的就是应用在这个网页的开发中。之所以受欢迎，首先是因为它的体积比较小。运行起来的话处理数据比较快。维护成本也较低，所以被人们广泛的使用。但是如果大型网站的话就不适用了。因为它的处理能力也是有限的。MYSQL的语句呢，非常的好学易用。这也是他非常流行的原因之一。它为人们提供了很多国家的语言的支持啊，有很多的编码方式。而且对于存储引擎也非常的开放，可以和多种引擎连接。是我们可以拿起来就用的，不用再花钱，因为它是开源的。他对VUE、Python。等语言都有非常好的支持。它安装起来也是非常方便，从网上一百度就有很多的安装方法。配置也很也很方便。学校里头有教学，所以我选择的也是这个数据库。

3　需求分析

3.1　系统功能需求分析

开放实验管理系统其主要功能分为系统用户管理、新闻数据管理、系统简介设置、学生管理、老师管理、实验设备管理、实验室管理、开课申请管理、选课管理、作业成果提交管理和实验室统计。

3.2　业务流程分析

业务过程分析是做系统的首要工作之一，无论是什么网站或者系统，首先要做的一点就是要进行需求分析。那么对于需求分析的收集大致可以分为以下几个方面。

1、 首先就是在美观方面下功夫了，美观方面是我们所有系统都必备的一个需求，美观就是要给用户带来舒适的感觉。

2、 针对不同的角色能够有相关的权限操作功能了比如说管理员有管理员功能，普通用户有普通用户功能。

3、 功能上还要能够紧贴主题，突出的功能信息可以涵盖所有用户的需求。

4、 系统在上线以后，对于系统的稳定性啦可靠性啦等等都是要有所支持的

3.3　可行性分析

3.3.1　经济可行性

本系统的设计主要是针对此次毕业设计而进行的，所以系统采用了B/S的浏览模式。在经济可行性分析上面，本系统只要一台电脑就可以进行开发。其语言的选择和数据库的选择都使用开源且免费的。另外在项目的部署上也无需再花其他费用，所以在经济上是非常可行的。在经济可行性分析上面，系统设计初期就首先考虑到这一点，所以我们所使用的第三方插件、开发语言以及数据库系统都是网上可以免费找到的。

3.3.2 技术可行性

对于技术可行性来说，可以说是本系统前期设计的一个重点考虑，既要让所采用的开发语言能够完全的涵盖所有功能模块，又还得使开发语言容易上手，最好是能在大学过程中所学习的开发语言，这样一来既可以找到。相应的资料又能够在遇到问题时得到相应的解答。所以本系统采用了VUE语言，VUE语言是大学中所学的课程，使用起来会更加得心应手。另外在数据库方面，也采用了功能比较强大的MYSQL数据库来完成本次数据的处理。所以在技术可行性上是可以的。。

3.3.3 法律可行性

软件设计的可行性中有许许多多。。其中最常见的一种可行性就是法律可行性。法律可行性呢，通常是指的软件儿在法律条件下的设计可行性。比如说我们设计一款软件，首先是要对他的思想或者是解决的社会问题进行一个能量型的考核，如果是他对社会性的问题，带来一些负能量的话，这种软件通常是法律可行性是不通过的。对于我们本次而言呢，其实市面上已经存在了，这样许许多多行业当中非常优秀的软件。我们只是仅仅通过一个细节的扩展，来去满足我们本次的毕业设计。所以法律可行性方面我们是一定符合法律可行性的。

4　数据库设计

4.1　E-R图

管理员信息属性有：用户名、密码、编号。如下图所示。

用户信息属性包括：编号，姓名，性别，年龄，电话，邮箱，地址，身份证号。具体如下图所示。

学生信息

4.3　系统流程设计

系统的登录流程在用户看来仅仅是是输入一个用户名、密码简单的工作，但对于系统后台来说，其实是有很大的流程设计的。首先是从系统。登录页面开始时，就将系统登录的所有工作进行准备好，那么用户将自己所需要的信息进行输入后，首先第一步就是要判断信息的正确与否，其次，如果是正确了，它会存到session和cooking当中，如果不正确呢那就要返回页面继续重新输入，那么如果是正确的信息，就要跳到自己权限降具备的页面。如下图所示:

4.4　数据库设计

数据库设计如下表所示：

表1 Alluser信息表

字段名	描述	类型	长度	是否空	是否主键
id	id号	int	11	否	是
Name	姓名	Varchar	50	是	否
Xingbie	性别	Longtext	50	是	否
Phone	电话	Varchar	50	是	否
Age	年龄	Varchar	50	是	否

表2公告信息表

字段名	描述	类型	长度	是否空	是否主键
id	id号	int	11	否	是
Biaoti	标题	Varchar	50	是	否
Neirong	内容	Longtext	50	是	否
Lexing	类型	Varchar	50	是	否

表3 News表

字段名	描述	类型	长度	是否空	是否主键
ID	Int	4	自增	10	ID
name	VarChar	50	是	255	name
newsType	VarChar	50	是	255	newsType
author	VarChar	50	是	255	author
makeTim	Date	50	是	255	makeTime
maker	VarChar	50	是	255	maker
modiTime	VarChar	50	是	255	modiTime

4.4　系统模块总体设计

系统总体模块设计如下：

5　系统详细设计

5.1　首页

网站的前台可以来说是一个门面，如何能让使用者进入网站后感受到优美的图案、整齐的布局、便捷的操作按钮，对于网站设计者来说还是有一定的难度的。本网站前台页面在设计前期，就将页面的图案设计、布局考虑进去了。首先进入前台的就是一个大的banner图，将其网站的主题风格直现到用户面前。banner图从一定程度上来说也是需要体现设计元素的，设计元素的美观程度直接体现的就是网站的美观程度。在设计前台页面的时候，我还特意的参考了几个大的网站的banner图，将其风景图进行了些比对，还请教了些美工的同学们。其页面如下图所示：

5.2　管理员登录

作为管理系统而言，那肯定是没有那些电商的绚丽前台页面儿了，那么最能体现他们管理系统的页面呢？就是管理员以及其他角色登录时候的页面，那么通过管理员。以及其他角色的区分呢，我们将主题进行一个体现。通过这个页面呢，就可以知道我们是什么系统，什么角色进行的一些登陆，需要输入什么，有什么样的功能，登陆之后大致也就明白了。

5.3　后台页面

后台管理页面是整个设计当中必不可少的一个部分，那么，后台管理页面通常都是以左边是树状形式将所有的功能菜单列出，右边是工作区域。这样一来，机可以方便管理者通过左边快速浏览到所有的功能，也可以通过右边较大的区域进行每个功能的操作。如下图所示。

5.4 班级管理

当我们系统中需要展现一些。人或物的属性信息的时候，我们就要采用列表的这种方式。这样做的好处呢，就是可以很好的将这些属性信息一一列出来，通过列举的方式呢，可以让用户清楚的可以看到。

5.4 新闻咨询

在系统的新闻资讯中我们可以看到相关系统的一些信息，这都是为了方便我们及时了解相关政策。

5.5 学生注册

不论是系统也好还是网站也罢，最直接给用户感受的就是页面了，那页面的布局以及页面的功能都是要经过仔细的考虑的。本次设计呢就是在最初时进行了当下的同行业类型进行参考而做的，同时，为了能够使系统更加贴近生活，所以我们在设计元素上也有所考虑。

5.6 用户管理

系统当中用户的管理一方面可以让管理者知道系统中使用者的数量，另一方面也可以对于用户进行一个有效的管理。用户是系统的根本，用户也是系统所存在的意义。试想一下，一个系统如果没有了用户的支持可以说也没有了存在的必要了。所以说用户管理在系统当中可以说是一个必不可少的功能。