“慧启实验域”：SSM 框架下 Vue 助力的开放性实验室 WEB 系统

1 绪论
1.1 研究背景
当前社会各行业领域竞争压力非常大，随着当前时代的信息化，科学化发展，让社会各行业领域都争相使用新的信息技术，对行业内的各种相关数据进行科学化，规范化管理。这样的大环境让那些止步不前，不接受信息改革带来的信息技术的企业随时面临被淘汰，被取代的风险。所以当今，各个行业领域，不管是传统的教育行业，餐饮行业，还是旅游行业，医疗行业等领域都将使用新的信息技术进行信息革命，改变传统的纸质化，需要人手工处理工作事务的办公环境。软件信息技术能够覆盖社会各行业领域是时代的发展要求，各种数据以及文件真正实现电子化是信息社会发展的不可逆转的必然趋势。本开放性实验室管理系统也是紧跟科学技术的发展，运用当今一流的软件技术实现软件系统的开发，让医生管理信息完全通过管理系统实现科学化，规范化，程序化管理。从而帮助信息管理者节省事务处理的时间，降低数据处理的错误率，对于基础数据的管理水平可以起到促进作用，也从一定程度上对随意的业务管理工作进行了避免，同时，开放性实验室管理系统的数据库里面存储的各种动态信息，也为上层管理人员作出重大决策提供了大量的事实依据。总之，开放性实验室管理系统是一款可以真正提升管理者的办公效率的软件系统。
1.2 目的和意义
信息数据的处理完全依赖人工进行操作，会耗费大量的人工成本，特别是面对大量的数据信息时，传统人工操作不仅不能对数据的出错率进行保证，还容易出现各种信息资源的低利用率与低安全性问题。更有甚者，耽误大量的宝贵时间，尤其是对信息的更新，归纳与统计更是耗财耗力的过程。所以电子化信息管理的出现就能缓解以及改变传统人工方式面临的处境，一方面可以确保信息数据在短时间被高效处理，还能节省人力成本，另一方面可以确保信息数据的安全性，可靠性，并可以实现信息数据的快速检索与修改操作，这些优点是之前的旧操作模式无法比拟的。因此开放性实验室管理系统为数据信息的管理模式的升级与改革提供了重要的窗口。
1.3 论文结构安排
为了帮助用户更好的了解和理解程序的开发流程与相关内容，本文将通过六个章节进行内容阐述。
第一章：描述了程序的开发背景，程序运用于现实生活的目的与意义，以及程序文档的结构安排信息；
第二章：描述了程序的开发环境，包括程序开发涉及到的技术，程序开发使用的数据存储工具等信息；
第三章：描述了程序着手进行开发时，会面临的可行性问题，并对程序功能以及性能要求进行描述；
第四章：描述了程序大功能模块下的功能细分信息，以及存储程序数据的数据库表文件结构的设计信息等；
第五章：描述了程序的功能实现界面的内容，也对程序操作人员操作的部分功能进行了描述；
第六章：描述了程序功能的测试内容，并介绍了系统测试的概念与方法。
4 系统设计
开放性实验室管理系统的设计方案比如功能框架的设计，比如数据库的设计的好坏也就决定了该系统在开发层面是否高效，以及在系统维护层面是否容易维护和升级，因为在系统实现阶段是需要考虑用户的所有需求，要是在设计阶段没有经过全方位考虑，那么系统实现的部分也就无从下手，所以系统设计部分也是至关重要的一个环节，只有根据用户需求进行细致全面的考虑，才有希望开发出功能健全稳定的程序软件。
4.1 系统概要设计
本次拟开发的系统为了节约开发成本，也为了后期在维护和升级上的便利性，打算通过浏览器来实现系统功能界面的展示，让程序软件的主要事务集中在后台的服务器端处理，前端部分只用处理少量的事务逻辑。下面使用一张图（如图4.1所示）来说明程序的工作原理。

图4.1 程序工作的原理图
4.2 系统功能结构设计
在分析并得出使用者对程序的功能要求时，就可以进行程序设计了。如图4.2展示的就是管理员功能结构图。

图4.2 系统功能结构图

4.3 数据库设计
程序功能操作不管是添加，修改，还是删除等功能产生的数据都是经由数据库进行数据保存和更新的，所以一个数据库设计的好坏也是程序是否好坏的判定标准，因为程序的成功，有一半的功劳都是靠数据库的优秀设计。数据库一旦设计得良好是可以减轻开发人员的开发负担的。
4.3.1 数据库E-R图设计
这个部分的设计需要使用到E-R图绘制工具，常用的工具就是Visio工具来绘制E-R模型图，这款工具不仅可以快速创建需要的E-R模型图，而且该工具提供的操作界面很简单，可以短时间内修改绘图界面的图形或者是文字的属性。在绘制E-R模型图时，要分清楚各个图形代表的含义，以免绘制出错，E-R模型图由长方形（实体），椭圆形（属性），菱形（关系）这三部分图形符号组成，绘制期间要区分开来，用准确的图形符号代表相应的数据元素。
各个实体之间的联系用下图的E-R图表示。绘制的系统E-R图见图4.8。

图4.8 系统E-R图
4.3.2 数据库表结构设计
数据库系统一旦选定之后，需要根据程序要求在数据库中建立数据库文件，并在已经完成创建的数据库文件里面，为程序运行中产生的数据建立对应的数据表格，数据表结构设计就是对创建的数据表格进行字段设计，字段长度设计，字段类型设计等，当数据表格合理设计完成之后，才能正常存储相关程序运行产生的数据信息。
表4.1字典表表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 dic_code String 字段 是
3 dic_name String 字段名 是
4 code_index Integer 编码 是
5 index_name String 编码名字 是
6 super_types Integer 父字段id 是
7 create_time Date 创建时间 是
表4.2教师表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
8 jiaoshi_bianhao String 教师编号 是
9 jiaoshi_name String 教师姓名 是
10 sex_types Integer 性别 是
11 jiaoshi_id_number String 身份证号 是
12 jiaoshi_phone String 手机号 是
13 jiaoshi_photo String 照片 是
14 jiaoshi_bumen String 教师部门 是
15 create_time Date 创建时间 是
表4.3公告表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
16 news_name String 公告名称 是
17 news_types Integer 公告类型 是
18 news_photo String 公告图片 是
19 insert_time Date 公告时间 是
20 news_content String 公告详情 是
21 create_time Date 创建时间 是
表4.4学生实验表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
22 yonghu_id Integer 实验学生 是
23 shiyanxiangmu_id Integer 实验项目 是
24 shiyan_types Integer 实验进度 是
25 insert_time Date 实验时间 是
26 shiyan_content String 实验结果 是
27 create_time Date 创建时间 是
表4.5实验室表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
28 shiyanshi_name String 实验室名称 是
29 shiyanshi_dizhi String 实验室地址 是
30 shiyanshi_photo String 实验室图片 是
31 shiyanshi_content String 实验室描述 是
32 create_time Date 创建时间 是
表4.6实验项目表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
33 jiaoshi_id Integer 负责教师 是
34 shiyanshi_id Integer 使用实验室 是
35 shiyanxiangmu_name String 项目名称 是
36 shiyanxiangmu_content String 项目内容 是
37 shiyanxiangmu_number Integer 教师评分 是
38 create_time Date 创建时间 是
表4.7用户表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
39 yonghu_name String 用户姓名 是
40 sex_types Integer 性别 是
41 yonghu_id_number String 身份证号 是
42 yonghu_phone String 手机号 是
43 yonghu_photo String 照片 是
44 create_time Date 创建时间 是
表4.8实验室预约表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
45 shiyanshi_id Integer 教师 是
46 yonghu_id Integer 用户 是
47 insert_time Date 预约时间 是
48 yuye_types Integer 预约状态 是
49 create_time Date 创建时间 是
表4.9用户表表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
50 role String 角色 是
51 addtime Date 新增时间 是