基于SpringBoot+Vue的BOM表智能生成系统设计与实现

李佳 吴菲 章毅恒

摘  要：有些特殊单位在制作BOM表时出于保密要求不能连接外网，传统的手动登记方式耗时费力不利于高效研发和生产，因此，采用前后端分离开发模式，后端使用SpringBoot框架，Mybatis数据连接，前端使用Vue渐进式框架，element-ui前端组件，设计并实现了BOM表智能生成系统，实现物料从设计部到采购部再到仓储的离线管理，实现了对物料离线管理的目标。该系统具备极高的可靠性和实用性，能简化保密部门对BOM表的录入过程，为企业提供离线整理平台。

关键词：BOM表智能生成；离线数据管理；SpringBoot框架；Vue框架

中图分类号：TP311；TP309 文献标识码：A  文章编号：2096-4706（2023）09-0184-05

Abstract： Some special units cannot connect to the external network due to confidentiality requirements when making BOM tables. The traditional manual registration method is time-consuming and laborious， which is not conducive to efficient development and production. Therefore， adopts the development mode of front-end separation， the back-end uses SpringBoot framework， Mybatis data connection， and the front-end uses Vue progressive framework， element-ui front-end component， design and implement an BOM table intelligent generation system， realize the off-line management of materials from the design department to the purchasing department and then to the warehouse， achieve the goal of off-line management of materials. The system has high reliability and practicability， which can simplify the BOM table entry process of the secrecy department and provide an off-line sorting platform for enterprises.

Keywords： BOM table intelligent generation; offline data management; SpringBoot framework; Vue framework

0  引  言

企業研制新型产品的过程正处于产品不成熟的阶段，需要一边生产产品一边对新产品进行试验，新产品试验反馈的结果可用于随时调整产品设计，由于产品设计的变更需要适时调整产品物料清单（Bill of Material， BOM）。BOM表是企业资源计划系统（Enterprise Resource Planning， ERP）运算的数据基础，与企业各部门的业务活动相连甚密，一旦BOM发生改变，之前已经生成的大量单据都会失去准确性，只能根据新的BOM重新进行生成物料需求计划（Material Requirement Planning， MRP）运算，必须手工实行善后处理工作，出于保密方面的考虑不能连接外网与ERP系统同步数据，给BOM表编辑人员带来巨大的工作量。有时由于试验需要紧急采购物资，而这些物资并不具备企业的物资编码，由于不能连接外网，ERP系统不具备对临时物资进行有效管理的能力。本系统可解决这两种问题，为工作人员提供便捷化、信息化的BOM表智能生成平台。

1  系统需求分析

基于企业保密要求，为解决不能连接互联网交换信息的问题，打造BOM表智能生成系统及时管理临时物资以及减轻操作人员的工作量，就ERP系统与BOM表智能生成系统不能直接通过网络互联，也不能直接通过数据库直接交换数据的问题，经过反复思考，形成通过Excel模板在两个系统之间交换数据的方案（如图1所示）：

1）ERP系统导出存货档案数据（模板文件），提取所需的基础数据。

2）BOM表智能生成系统导入存货档案（模板文件），存入数据库，实现基础数据的同步。

3）BOM表智能生成系统根据设计人员明细表/输入数据，自动生成BOM表。

4）BOM表智能生成系统导出BOM表。

5）将BOM表导入ERP系统中，实现两个系统的数据同步。

为满足系统需求，设计基础数据管理模块、明细表录入模块、BOM表智能生成模块等：

1）基础数据管理模块。包括ERP系统现有基础数据导入该系统数据库，新增临时无编码物资数据以Excel表格形式导出无编码物资存入ERP系统。

2）明细表录入模块。生产设计部门可高效便捷地录入设计BOM表，并在统一平台上供工艺设计部门继续编辑。

3）BOM表智能生成模块。以明细表导入新建生成BOM表、手动新建BOM表、复制已有BOM表等多种方式智能快捷生成BOM表。

1.1  存货档案数据管理模块需求分析

存货档案数据管理模块提供存货名称、存货编号、规格型号、产地厂牌、存货代码、存货大类名称编码、存货大类、建档人、建档日期等信息，可以在此模块中导入、浏览存货档案信息。如图2所示为存货档案数据管理流向图。

1.2  明细表录入需求分析

明细表录入模块为设计人员提供在线快捷录入明细表功能，输入框可跨字段模糊搜索，提高录入速度，录入完成后直接保存到数据库，工艺设计部门人员可在此基础上进行BOM表的编辑操作。如图3所示为明细表录入和管理数据流向图，明细表由多人录入，是否生成明细表需要管理员审批，若某明细表的审批结果为合格，则该张明细表流入BOM表生成模块，若某明细表的审批结果为拒绝，则该明细表就会返回到录入人员那里进行整改处理。

1.3  BOM表智能生成模块需求分析

BOM表智能生成模块主要提供三大功能，分别是BOM表录入、BOM表生成和BOM表审核，并提供三种BOM表录入方式，一是基于导入明细表的方式生成BOM表，相比于传统的手动录入节省了大量的时间，无须再手动输入已有明细表的内容；二是以复制其他表的方式生成BOM表，如果BOM表有部分与其他BOM表重合的地方则可复制该表，并在此基础上继续进行新BOM表的编辑工作；三是直接手动录入BOM表，但此时直接手录BOM表也与传统录入BOM表的方式有所不同，增加了快捷录入方式。

如图4所示为BOM表数据流向图，可以在页面中看到所有已经审批的BOM表，也可以通过点击的方式查看自己制作的BOM表。

2  系统设计

2.1  系统总体框架

为提高开发效率和可扩展性，采用前后端分离的开发模式，前端使用Vue渐进式框架，界面展示采用elemnet-ui组件提高美观度，后端采用SpringBoot框架和Mybatis驱动器，以此搭建一个B/S架构的系统。如图5所示为BOM表智能生成系统总体架构图。

架构图总共分为三个板块，每个板块中有对应各个功能实现的具体小模块。1过程表示不同用户所能执行操作的不同权限，前端在调用接口时携带用户权限标识，后台识别用户权限提供该权限对应的功能操作；2过程为后台代码编写时使用SpringBoot框架整合mybaits进行持久层框架配置，用以后续进行数据库操作；3过程为后台服务整合了mybaits框架后对数据库进行具体的操作，根据后台从前端获取到的具体服务需求，对数据库进行相应的增加、删除、修改和查询操作；4过程为后台为前端提供服务接口返回前端需要的数据内容，以此实现前后端分离开发模式的数据交互，前端根据后台呈递的JSON字符串格式的数据进行解析并实现数据的可视化展示；5过程为不同用户角色所能看见的不同操作界面，避免不同用户误操作的可能，提高本系统的安全性和专业性。

2.2  系统详细设计

2.2.1  存货档案数据管理设计与实现

如图6（a）所示为存货档案数据管理流程图。明细表设计人员在进入该系统录入界面时点击编辑按钮，解锁表格操作，聚焦表格单元输入框，通过focus事件从前端获取界面数据操作信号发起请求，调用后端获取存货档案信息接口，使用Mybatis的helperPage分页方式，分页获取所有存货档案信息，其内容有页码、每页展示条数和内容、总页数、当前是否为首页或末页，并以JSON字符串的形式将内容传递给前端，前端将得到的字符串解析后，判断首页末页信息，展示当前页码，将所获取的本页数据内容渲染到页面展示给用户，倘若数据库中没有相应数据，则可以手动输入物料名称，并在生成BOM表后，以Excel的形式导出新增物料，传入ERP系统实现数据同步。

2.2.2  明细表录入设计与实现

操作人员进入系统明细表部分，前端请求后台，查询到所有明细表列表，使用Mybatis的helperPage方法从数据库中获取分页数据（数据内容为各个明细表的名称），将获取到的明细表名称列表渲染到页面表格中，查看所有明细表及自己编辑的明细表是否通过审核。在列表中筛选查看自己编辑的明细表，同时可以选择增加、删除、修改以及审核明细表。明细表录入流程如图6（b）所示。

2.2.3  BOM表智能生成系统设计与實现

操作人员进入该系统BOM表部分，前端会调用接口展示当前所有的BOM表，管理员用户可以点击未审核筛选出当前没有审核的明细表，并在列表中展示当前所有未审核的明细表。

BOM表生成有三种实现方式，第一种方式是选择明细表生成BOM表，第二种方式是直接手动输入BOM表，第三种方式是复制现有BOM表，在此基础上修改而成。BOM表生成流程如图6（c）所示。

2.3  数据库设计

根据BOM表智能生成系统业务，主要设计了如图7所示的业务表。

1）用户表用于记录用户信息、用户角色信息及审核信息。

2）权限明细表用于记录用户权限以及各权限对应的操作详细内容。

3）记录物料信息，各数据表之间的关系如图7所示。

4）明细表用于记录明细表信息。

5）BOM表用于记录BOM表信息。

6）新增存货表用于记录临时新增存货，便于新增存货的导出。

7）物料管理表用于记录所有物料信息。

8）存货分类表用于记录所有物料分类信息。系统所用的各个数据表之间的关系如图7所示。

3  系统实现与测试

3.1  系统实现

本系统采用前后端分离的开发方式，前端采用Vue渐进式框架开发，网页界面绘制使用elemnt-ui组件优化界面美观度的同时加快系统开发进程；后台使用SpringBoot+MyBatis+

MySQL数据库开发平台，开发环境为java jdk1.8，开发时数据库采用Navicat可视化工具辅助观察后台服务情况，实现BOM表智能生成系统存货档案数据管理、明细表录入管理、BOM表生成管理、用户权限管理和分配等功能。

如图8所示为基础数据上传与浏览界面，可将从ERP系统导出的基础数据上传到本系统的数据库中；如图9所示为明细表编辑、审核与浏览界面，明细表编辑界面具有数据审查功能，当为红色时表示数量栏未填写；如图10所示为BOM表编辑与浏览界面，可在此界面中查看所有明细表和我所编辑的明细表，点击导出新增，则新增物料栏变红。

3.2  系统测试

为测试BOM表智能生成在线系统功能是否能正常使用，根据系统需求模块设计了如表1所示的功能测试用例，从不同用户角色功能和不同模块等方面对系统进行了测试验证。测试结果表明，BOM表智能生成在线系统的存货档案数据管理、明细表录入、BOM表智能生成模块所有功能均测试通过，使用Navicat数据可视化工具辅助查看数据内容，可观察到功能测试结果与预期效果一致，界面操作流畅无异常且排版美观舒适，网页在线表格录入数据稳定无卡顿，模糊搜索响应及时无明显延迟，数据传输稳定，根据开发需求实现的BOM表智能导出系统可提供良好的用户交互体验，在系统后续扩展测试时，会加强系统性能测试，进一步缩短操作响应时间。

4  结  论

本文立足于保密单位对数据需要保密同时也需要单位内部共享数据在线智能生成BOM表的需求，设计并实现了BOM表智能导出系统，本系统采用B/S架构和前后端分离的开发模式，在提高代码可扩展性的同时缩短开发周期，前端采用Vue框架，后台采用SpringBoot框架整合MyBaits进行功能服务接口开发，完成了本系统存货档案数据模块、明细表模块、BOM表模块等功能的开发，从而实现了将数据录入基础数据库到明细表录入再到BOM表生成，为工艺制作部门制作BOM表提供了便捷的服务。

该系统具备极强的可行性与实用性，为BOM表制作部门提供便捷的同时将数据库同步到BOM制作和生成平台，节省了设计部门和工艺制作部门来回沟通的时间，并能够及时同步ERP系统中的数据。后续如果时間充足会继续从两个方面优化本系统，一方面是优化现有代码，进一步提高代码性能和可复用性，删除冗余代码，在已有基础上继续优化与用户的交互性；另一方面会考虑增加功能模块接入仓储物流信息，帮助企业进一步管理产品，使本系统具有更大的现实意义和使用价值。

参考文献：

[1] 杨鑫.XX军工企业ERP实施困境及其对策 [D].湘潭：湘潭大学，2009.

[2] 徐小辉，刘江涛，高涵，等.基于SpringBoot+Vue框架的采气方案系统开发 [J].计算机仿真，2021，38（6）：248-250+382.

[3] 韩佳彤，杜芳，甄必鑫，等.基于SpringBoot的分布式市政运维分析平台 [J].内蒙古大学学报：自然科学版，2022，53（3）：309-316.

[4] 郭建卫.基于SpringBoot+Mybatis+Vue的学生德育量化考核系统设计与实现 [J].现代信息科技，2023，7（1）：18-22.

[5] 银莉，杜啸楠.基于SpringBoot和Vue的社区服务平台设计与实现 [J].电子技术，2022，51（12）：182-183.

[6] 王丹，孙晓宇，杨路斌，等.基于SpringBoot的软件统计分析系统设计与实现 [J].软件工程，2019，22（3）：40-42.

作者简介：李佳（1997—），女，汉族，重庆人，硕士研究生在读，研究方向：计算机软件；吴菲（1997—），男，汉族，重庆人，硕士研究生在读，研究方向：计算机技术；章毅恒（1997—），男，汉族，安徽怀宁人，硕士研究生在读，研究方向：计算机软件。