Spring Boot 基于 Vue 的工厂车间管理系统设计

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。自身不是一个全能框架——它只聚焦于视图层。因此非常容易学习，也容易与其它库或已有项目整合。在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。

特点：

• 易用：在有 HTML、CSS、JavaScript 的基础上，快速上手。
• 灵活：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。
• 性能：20kb min+gzip 运行大小、超快虚拟 DOM、最省心的优化。

第 3 章 系统分析

在进行系统分析之前，需要从网络或图书馆的开发类书籍中收集大量资料，帮助即将开发的程序软件制定最优方案。一旦确定程序软件需要具备的功能，接下来的工作都围绕此方案执行，所以系统分析需要对程序功能反复思考和研究。

3.1 可行性分析

开发一款系统软件之前，用户都会思考这个软件是否值得去开发，把开发过程中可能涉及的问题罗列出来并分析解决，以此来确定开发是否有必要。这样的分析方法也能帮助用户降低损失，不至于开发进度进行到一半之后突然遇到问题放弃。

3.1.1 技术可行性分析

此次开发程序使用的开发工具有 MySQL 等，使用的开发语言是 Java。选择的开发工具和语言都是在大学课堂接触并学习过，后期通过网络渠道或借助图书馆的开发类书籍进行过系统学习，积累了一定的知识储备。加上在校期间独立开发过一些软件作品，积累了开发经验，所以这次毕设作品的制作在技术上无须担忧过多。

3.1.2 经济可行性分析

目前的信息时代，对信息的管理趋于高效化、便捷化，这是计算机大力普及带来的便利。此程序软件在设备选用上依靠比较大众的电脑设备，对电脑配置没有过多要求，一般学校的计算机机房电脑都可以满足程序开发需求。另外，开发出此款程序让信息处理变得高效率，所带来的高效益远超程序开发的低成本，资金投入可忽略不计。

3.1.3 操作可行性分析

程序软件的操作界面符合大众审美需求，功能模块布局类似于社会上同种类型的软件，使用者操作该软件可无需培训就上手。加上现在计算机入驻各家各户，大部分人的计算机操作水平较高，表明开发出来的程序在操作性问题上不用担心。

综合上面的可行性论证，基本可以确定程序开发完全可行。

3.2 系统运行环境

程序经过编码可以实现对程序设计的功能。但是编码实现时需要一定的配置环境，包括电脑上的硬件环境和操作系统上安装的软件环境。

硬件环境：一台可以正常使用并能上网的笔记本或电脑，电脑内存最低要求 4G，中央处理器可配置 i5 CPU。 软件环境：采用比较稳定的 Windows 7 旗舰版系统，采用主流浏览器，并在此系统上通过浏览器下载安装好 MySQL 软件等。

3.3 系统流程分析

分析程序的流程，涉及到程序的整体操作流程，通过分析与设计，绘制的程序操作流程图见下图。

图 3-1 程序操作流程图

程序处理数据会涉及到数据的录入环节，绘制的添加流程见下图。程序录入数据过程中，始终与数据库保持同步。

图 3-2 信息添加流程图

程序里面的数据也会出现错误，因此就有相应的修改数据的功能，绘制的程序修改流程见下图。此过程也是跟后台数据库进行数据同步显示。

图 3-3 信息修改流程图

程序数据存放于数据仓库，有时也会涉及到数据删除，此过程对应的流程图见下图。数据信息被删除之后，数据库里面也就没有了该数据信息了。

图 3-4 信息删除流程图

第 4 章 系统设计

4.1 系统设计的原则

在系统设计过程中，也需要遵循相应的设计原则，这些原则可以帮助设计者在短时间内设计出符合设计规范的设计方案。设计原则主要有可靠性、安全性、可定制化、可扩展性、可维护性、可升级性以及客户体验等原则。

• 可靠性：一个软件是否可靠决定了其是否被用户使用，设计不可靠的软件，用户很容易遗弃。
• 安全性：程序软件承担了信息的保存与管理等事务，安全性不足的软件会导致使用者承担巨大的损失；所以系统安全也是需要考虑进入的。
• 可定制化：市场环境从来都不是一直固定不变，面对客户群体的改变，以及使用环境的改变，市场需求的改变等因素，程序软件也要易于调整以适应各种变化。
• 可扩展性：程序软件在运行使用期间，也需要及时引进当下的新技术来进行系统优化，主要就是在系统功能层面、系统性能层面上进行相应的扩展，只有这样才能让系统在实际生活中继续占有市场。
• 可维护性：程序软件的维护需要一定量的资金，不管是排除现有程序错误，还是变更软件的现有需求，都需要在软件技术上投入一定资金，所以易于维护的软件程序就可以降低技术层面的资金消耗。
• 可升级性：程序软件的投入使用，会面临用户数量增多的情况，用户对软件的使用率也会提升，所以系统面临这种情况，仍然需要通过升级保持性能的合理，这样才能够适应市场。
• 客户体验：设计出来的程序软件在界面上不能够太复杂，要遵循界面设计的原理设计出简单、方便操作的功能操作界面，让用户易于接受软件，并乐于使用软件提供的功能。

4.2 功能结构设计

在管理员功能模块确定下来的基础上，对管理员各个功能进行设计，确定管理员功能的详细模块。管理员功能有个人中心、用户管理、看板信息管理、设备信息管理、订单管理、系统管理。

4.3 数据库设计

与功能结构设计一样，数据库设计也是程序开发不可避免的设计环节，数据库设计最主要的目的就是帮助运行程序存储相应的数据信息。数据库设计包含的内容有数据表结构的设计，也包含了数据库 E-R 图的设计。

4.3.1 数据库 E-R 图

在绘制 E-R 图之前，先要找出数据库的实体，明确各个实体具有的属性。比如用户信息这个实体，它具备的属性包括了用户的姓名属性、用户的密码属性、用户的创建时间属性等。明确了用户这个实体，以及用户实体具备的属性之后，就需要根据这些信息绘制用户实体对应的实体属性图了。绘制软件选用当下认可度高、使用范围广、操作便利的微软旗下的 Visio 工具。

（1）管理员实体属性图通过 Visio 工具绘制，绘制结果展示如下： 图 4-4 管理员实体属性图

（2）人员实体属性图通过 Visio 工具绘制，绘制结果展示如下： 图 4-5 人员实体属性图

（3）设备信息实体属性图通过 Visio 工具绘制，绘制结果展示如下： 图 4-6 设备信息实体属性图

4.3.2 数据库表结构

在进行这部分设计之前，需要明白和掌握数据类型以及各个数据类型的长度范围等知识。因为在一张具体的数据表中，为了方便理解，这里就举个简单的例子。比如用户信息表，这个表格的字段就是用户这个实体具备的属性，这时就需要对字段进行数据类型，以及字段长度的设置，也要设置一个主键来作为用户信息表的唯一标识。这些都是数据库表结构设计需要完成的内容。根据基于 Vue 的工厂车间管理系统的功能设计以及数据库设计要求，展示该系统的数据表结构。

1 人员表

2 生产工序表

3 生产开立表

4 看板信息表

5 生产流程表

6 设备信息表

7 管理员表

第 5 章 系统实现

系统实现这个章节的内容主要还是展示系统的功能界面设计效果，在实现系统基本功能，比如修改、添加、删除等管理功能的同时，也显示出系统各个功能的界面实现效果。该部分内容一方面与前面提到的系统分析、系统设计的内容相呼应，另一方面也是一个实际成果的展示。

5.1 管理员功能实现

5.1.1 人员管理

管理员可以对人员信息进行添加、修改、删除、查询操作。

图 5-1 人员管理页面

5.1.2 看板信息管理

管理员可以对看板信息信息进行添加、修改、删除、查询操作。

图 5-2 看板信息管理页面

5.1.3 设备信息管理

管理员可以对设备信息进行添加、修改、删除、查询操作。

图 5-3 设备信息管理页面

5.1.4 生产开立管理

管理员可以查看、修改、删除、查询生产开立信息。

图 5-4 生产开立页面

5.2 人员功能实现

5.2.1 生产开立管理

人员可以对生产开立信息进行添加、修改、删除、查询操作。

图 5-5 生产开立信息页面

5.2.2 生产工序管理

人员可以对生产工序信息进行添加、修改、删除、查询操作。

图 5-6 生产工序页面

5.2.3 生产流程管理

人员可以对生产流程信息进行添加、修改、删除、查询操作。

图 5-7 生产流程页面

第 6 章 系统测试

程序软件的开发阶段也包括了系统测试，这个部分就是程序质量评定的一个重要环节。如果说程序通过编码实现功能之后，不通过测试检查程序中出现的错误，那么程序一旦投入生活中运行使用时，就会产生许多大大小小的错误，这个时候去解决问题已经晚了。所以一个程序在被交付给使用者使用之前，开发者就需要使用多种测试方法反复进行测试，也是对程序的一个负责表现。程序进入系统测试阶段，在讲究策略进行测试时，也需要对时效性进行把控。当开发者测试完程序，并解决完测试期间程序产生的各种错误时，就需要程序的验收方来对程序进行验收测试，这也是程序测试的最后一个操作步骤。验收测试也是对程序的质量以及可交付性方面起到关键的作用。

6.1 系统测试方法

程序软件进入到系统测试这一个环节时，也需要根据测试的方法进行规范化测试操作，测试方法以及使用顺序分别是：首先是单元测试，接着是集成测试和系统测试，最后才是验收测试，下面将描述系统测试方法。

• 单元测试：这个部分需要涉及到程序的代码方面的知识，这个操作环节是程序的开发者进行的，当程序开发者通过代码编写程序的子功能模块时，就会进行单元级别的测试，通常这个环节的测试也会被称作是白盒测试。
• 集成测试：这个步骤的前提是程序的所有功能模块都已完成开发，这个时候需要把程序所有的子功能模块集成到一起，形成一个完整的系统，此测试的主要目的就是检查这些功能模块集成在一起时的兼容性，也就是检测它们是否按照预期正常运行。
• 系统测试：当程序测试进入到这个环节时，就意味着程序测试工作已经进行到一半了，这个部分的测试也有另外一个名字，称作是黑盒测试，主要用于测试系统的功能是否按照预期进行运行。
• 验收测试：开发的程序已经通过了前面的单元测试、集成测试，以及系统测试环节时，就需要进行验收了，这个环节的操作用户就是程序面临的最终用户或者是客户。测试主要目的就是验证开发完成的程序是不是能够符合用户对其的期望，以及程序的所有功能是否符合用户的真正需求。

6.2 系统测试分析

基于 Vue 的工厂车间管理系统在经历了一系列测试步骤之后，可以确定该系统可以交付给使用者进行使用了。在系统的功能主界面上可以清晰展示各个功能，并且各个功能的超链接也是正常跳转，能够实现用户要求的功能。在程序的稳定性、可靠性、验证逻辑以及操作流程方面跟需求文档很贴合。所以，开发完成的基于 Vue 的工厂车间管理系统符合用户需求，它投入运行使用带给用户的便利是显而易见的。

结论

基于 Vue 的工厂车间管理系统的开发制作，从题目确定到成品完成，自己投入的精力与心血是非常多的。这也是我第一次使用 Spring Boot 框架语言，开发的这个比较简单的基于 Vue 的工厂车间管理系统。

基于 Vue 的工厂车间管理系统开发过程中，自己之前觉得比较抽象的许多门课程，例如数据库原理、软件工程、动态网站开发等课程开始变得很清晰，只有自己独立开发程序，才会觉得这些开发类的课程在实践中具有的重要作用。为了让自己设计的作品能够顺利的完成，我把所学知识全部运用在程序的开发流程中，包括了程序的需求分析环节、程序的编码环节、程序的测试环节等，让程序软件在开发周期内完成制作，并能够保证程序质量达标，力求程序开发流程规范化，程序对应的配套文档标准化。

独立开发程序期间，才会发现有许多知识都是现学现用得来的，毕竟大学期间所学知识比较有限，专业知识掌握得比较浅显，这也给自己制造了许多麻烦，比如程序开发期间遇到的中文乱码问题、程序对应数据库的数据安全问题、程序开发中框架的使用问题等，这些问题都需要随时去翻阅书籍，或通过搜索引擎等方式寻找解决办法，这也耽误了许多程序开发的宝贵时间。后期我也通过对周边同学的请教，以及指导老师的悉心指导，让我找到了程序开发的相关技巧，也积累了一定的知识量，慢慢地纠正了许多不该犯的错误，也推动了我的程序开发进程。

基于 Vue 的工厂车间管理系统现已完成了开发，除了基本功能可以符合用户需求外，在页面设计层面上没有融入更多的设计元素，需要从美学角度进行优化，另外在程序的代码层面，也有许多重合部分，需要进行整理归类，让代码变得更加的简洁。

实践出真知，但是知识也是通过实践变得更加深刻，这次作品制作，让自己的专业知识水平与解决问题的能力得到了提高。也让自己更加明白活到老学到老的真正含义。