基于Vue+NodeJS的网店采购管理系统的设计与实现论文

摘 要

随着互联网的快速发展，电子商务行业呈现出蓬勃发展的态势。网店采购管理系统作为电商企业的重要组成部分，对于提高企业的运营效率、降低成本、优化供应链管理等方面具有重要意义。本文旨在介绍一个基于Node.js的网店采购管理系统，该系统利用Node.js的高效性能和强大的生态系统，实现了采购流程的自动化、信息化和智能化。
目前在本课题范围内，分析了管理采购员对商品的管理现状和现有的用户对管理采购员的服务的要求。根据系统的要求，我Vue作为前端框架，NodeJS作为后端框架，两者分离，使得开发更加高效，易于维护。数据库选择MySQL数据库。本系统采用的是B/S模式，web方向的研发。系统具有专门的供用户使用的平台和专门供管理采购员使用的后台。本系统包括3种角色，采购员、供应商和管理员。该系统的主要功能包括供应商管理、采购订单管理、采购价格管理、采购计划等。通过该系统，用户可以方便地进行采购计划的编制和审核、供应商的管理和评估、采购订单的生成和跟踪、采购入库和退货的管理等操作，从而实现对采购全过程的有效控制和管理。。
网店采购管理系统是电商领域中不可或缺的一环，它能够帮助网店实现采购流程的规范化和高效化，提高采购效率和供应链可靠性，从而为网店的持续发展提供有力支持基于Node.js的网店采购管理系统通过集成先进的技术和理念，实现了采购流程的自动化和信息化，提高了企业的运营效率和管理水平。随着电商行业的不断发展，该系统将发挥越来越重要的作用，为企业的可持续发展提供有力支持。

关键词：网店采购管理系统；MySQL数据库；nodejs技术B/S

第1章 需求分析

2.1 业务需求
2.1.1 业务流程
采购流程，采购员和供应商之间的流程，采购员下订单，供应商报价，采购员确认价格并购买，供应商出库，采购员入库，还有退货等业务流程。如图2.1所示。

在查询采购到货单流程中，用户到网站后查询问卷调查的基本信息，管理采购员将办理业务并返还问卷调查的基本信息，其查询采购到货单流程总体业务如图2.2所示。

图2.2 查询采购到货单流程总体业务
在用户注册总体业务中，用户到注册，管理采购员将根据用户情况进行注册，其用户注册流程总体业务如图2.3所示。

图2.3 用户注册流程总体业务
2.1.2 业务对象
领域模型如图2.3所示。
图2.3 领域模型

2.2 功能性需求
2.2.1 用例概述
本系统管理员登录系统，可以对采购员，供应商，商品信息进行管理，采购员登录可以对供应商报价，商品信息，采购类型进行管理，供应商登录可以进行采购到货，采购退货等。如图2.3所示。

图2.5 高层用例图
用例摘要描述如表2.1所示。主要包括登录、管理商品信息、管理采购员信息、管理供应商信息、管理供应商报价信息、系统日志。
表2.1 用例摘要描述
用例标识（UC） 用例名称 摘要描述
1.0 登录 使用系统前的身份验证
1.1 管理商品信息 管理员对商品进行添加，删除，修改等操作
1.2 管理采购员信息 管理员对采购员信息进行添加，删除，修改等操作
1.3 管理供应商信息 管理员对供应商进行添加，删除，修改等操作
1.4 管理供应商报价信息 管理员对供应商报价进行添加，删除，修改等操作
1.5 管理采购类型信息 管理员对采购类型进行添加，删除，修改等操作
1.6 管理采购退货信息 管理员对采购退货进行操作
1.7 管理采购结算信息 管理员对采购结算进行操作
1.8 管理采购到货单信息 管理员对采购到货单进行操作
1.9 管理采购请购单信息 管理员对采购请购单进行操作
2.0 管理商品分类 管理员对商品分类进行添加，删除，修改等操作
2.1 供应商管理采购退货 供应商对采购退货进行查看等操作
2.2 供应商管理采购到货单 供应商对采购到货单进行添加，删除，修改等操作
2.3 供应商管理采购请购单 供应商对采购请购单进行审核，查看，到货登记等操作
2.4 供应商管理采购结算 供应商对采购结算进行查看等操作
2.5 供应商管理供应商报价 供应商对供应商报价进行添加，删除，修改，查看等操作
2.6 采购员管理商品 采购员对商品进行查看，退货，入库等操作
2.7 采购员管理供应商报价 采购员对供应商报价进行查看，采购等操作
2.8 采购员管理采购请购单 采购员对采购请购单进行审核，查看等操作
2.9 采购员管理采购到货单 采购员对采购到货单进行添加，删除，修改等操作
3.0 采购员管理采购退货 采购员对采购退货进行退货，查看等操作
3.1 采购员管理采购入库 采购员对采购商品信息内容进行入库等操作
3.2 采购员管理采购类型 采购员对采购类型进行添加等操作
2.2.2 用例描述
下面将对系统中的核心模块进行描述。
（1）管理商品信息用例
管理员可通过管理商品信息用例对商品信息进行操作，包括对商品信息的增删改。管理商品信息用例图如图2.4所示。

图2.4 管理商品信息用例图
管理商品信息用例描述如表2.2所示。管理员可通过管理商品信息用例对商品信息进行操作，包括对商品信息的增删改。
表2.2管理商品信息用例描述
用例标识 1.1.1
用例名称 管理商品信息
参与者 管理员使用该用例完成对管理商品的任务
前置条件 管理员登录该系统并且跳转到商品管理页面
后置条件 系统登录成功后，对商品进行添加，删除，修改等操作
用例概述 管理员对商品信息进行增删改
基本事件流 1. 管理员在管理系统主界面点击商品管理
2. 系统显示商品管理界面
3. 管理员可以对商品信息进行添加，编辑和删除
4. 系统检测操作的可执行性
5. 系统根据管理员操作对商品信息进行操作
6. 系统显示操作成功
备选事件流 5a.操作异常，不正确的对数据进行操作
备注 无
（2）管理采购员信息用例
管理员可通过管理采购员信息用例对采购员信息进行操作，包括对采购员信息的增删改查。管理采购员信息用例图如图2.5所示。

图2.5 管理采购员信息用例图
管理采购员信息用例描述如表2.3所示。管理员可通过管理采购员信息用例对采购员信息进行操作，包括对采购员信息的增删改查。
表2.3管理采购员信息用例描述
用例标识 1 1.2.1
用例名称 管理采购员信息
参与者 管理员使用该用例完成对管理采购员的任务
前置条件 管理员输入登录信息，登录后台，对采购员信息查询
后置条件 系统登录成功后，对采购员信息操作
用例概述 管理员对采购员信息进行增删改查
基本事件流 参与者动作 系统动作
1、管理员管理主界面上选择“采购员管理”功能项
3、管理员可以点击“添加”的功能
4、管理员选择角色，添加用户信息 2．系统对界面信息进行有效性验证
3
备选事件流 3a.管理员检测是否有错误信息
备注 无
（3）管理供应商信息用例
管理员可通过管理供应商信息用例对供应商进行操作，包括对供应商的增删改。管理供应商信息用例图如图2.6所示。

图2.6 管理供应商信息用例图
管理供应商信息用例描述如表2.4所示。管理员可通过管理供应商信息用例对供应商进行操作，包括对供应商的增删改。
表2.4管理供应商信息用例描述
用例标识 1.3.1
用例名称 管理供应商信息
参与者 管理员使用该用例完成对管理供应商的任务
前置条件 管理员登录该系统并且跳转到供应商管理页面
后置条件 系统登录成功后，对供应商进行添加，删除，修改等操作
用例概述 管理员对供应商信息进行增删改
基本事件流 1. 管理员在管理系统主界面点击供应商管理
2. 系统显示供应商管理界面
3. 管理员可以对供应商信息进行添加，编辑和删除
4. 系统检测操作的可执行性
5. 系统根据管理员操作对供应商信息进行操作
6. 系统显示操作成功
备选事件流 5a.操作异常，不正确的对数据进行操作
备注 无
（4）管理供应商报价信息用例
管理员可通过管理供应商报价信息用例对供应商报价进行操作，包括对供应商报价的添加，修改，删除。管理供应商报价信息用例图如图2.7所示。

图2.7 管理供应商报价信息用例图
管理供应商报价信息用例描述如表2.5所示。管理员可通过管理供应商报价信息用例对供应商报价进行操作，包括对供应商报价的添加，修改，删除。
表2.5管理供应商报价信息用例描述
用例标识 1.4.1
用例名称 管理供应商报价信息
参与者 管理员使用该用例完成对管理供应商报价的任务
前置条件 管理员登录该系统并且跳转到供应商报价管理页面
后置条件 系统登录成功后，对供应商报价进行添加，删除，修改等操作
用例概述 管理员对供应商报价信息进行增删改
基本事件流 1. 管理员在管理系统主界面点击供应商报价管理
2. 系统显示供应商报价管理界面
3. 管理员可以对供应商报价信息进行添加，编辑和删除
4. 系统检测操作的可执行性
5. 系统根据管理员操作对供应商报价信息进行操作
6. 系统显示操作成功
备选事件流 5a.操作异常，不正确的对数据进行操作
备注 无

2.3 非功能性需求
正确性：符合业务流程规范与操作基本逻辑。
健壮性：能便捷化增改、删查数据信息，保证系统运行与交互流畅，界面简洁，具有良好人机交互界面，降低封装代码时空复杂度，能不断优化减小系统代码冗余度。
性能：业务处理时间低于5秒，且系统运行较为稳定流畅。
安全性：系统三种用户信息，均具有特殊保密性，管理员作为唯一最高权限者进行用户信息管理。
兼容性：可部署安装在win XP 、win7、win8、w10系统上。
2.4 运行环境
本软件系统运行所需的硬件环境如下。
（1）主机类型
CPU：Intel Core i5 2.50GHz，RAM：4G。
（2）网络类型
以太网。
（3）存贮器容量
硬盘内存：8G以上。
（4）设备分布图
设备分布图如图2.9所示。

图2.9 网络拓扑图
本软件系统运行所需的软件环境如下。
（1）操作系统
Windows 7及以上。
（2）数据库管理系统
MySql 5.7，Navicat for MySql 9.0.12。
（3）开发工具
VSCODE。
（4）服务端
VUE+node

第2章 系统设计

3.1 技术路线
3.1.1 NODE语言
NODE并不是一个编程语言，而是一种运行环境。你可能是在询问Node.js。
Node.js是一个开源的、跨平台的JavaScript运行环境，它允许开发者在服务器端运行JavaScript代码。Node.js采用事件驱动、非阻塞I/O模型，使其轻量且高效，非常适合用于数据密集型的实时应用。
Node.js的主要特点包括：
异步I/O：Node.js的最大特点就是采用异步I/O和非阻塞I/O模型，使其可以处理数万个并发连接，特别适合用于实时聊天、数据流、推送服务等应用。
事件驱动：Node.js也是一个事件驱动的环境，服务器端上只运行一个单线程，采用事件轮询机制进行非阻塞的I/O调用，使其在密集型的I/O操作中保持较低的内存占用，成为伸缩性强的网络应用；它使用事件循环（event loop）来处理高并发连接，而不是为每个连接创建一个新的线程，这使得它能以较小的内存占用处理大量连接。
JavaScript运行环境：Node.js是JavaScript的运行环境，通过V8引擎解析并执行JavaScript代码。V8引擎执行JavaScript的速度非常快，性能非常好。Node.js也扩大了JavaScript语言的使用范围，使得JavaScript不再局限于浏览器中，而可以用于服务器端的开发。
开源和跨平台：Node.js的源代码遵循MIT许可协议，任何人都可以查看和使用其源代码。此外，Node.js可以在Windows、UNIX、Linux、Mac OS X等操作系统上使用。
Node.js的包管理器npm：npm是Node.js的包管理器，是全球最大的开源库生态系统。npm允许开发人员下载、安装、共享和重用代码，从而大大加速了开发过程。
总的来说，Node.js是一个功能强大且灵活的开发工具，可以用于构建各种类型的网络应用，包括网站、API、实时通信服务等。
3.1.2 软件工程概述
软件工程是一种以工程技术为基础的技术，以其高效、实用、高品质为特点。软件工程是一门与数据库，软件工具开发，系统平台，编程语言，标准，设计模型等相关学科。现在的软件发展很快。例如电子邮件，嵌入式系统，办公室套件，操作系统，人机接口，编译器，数据库，游戏，这是很普通的软件应用。在各个行业中，电脑软件的应用非常广泛，比如工农业，航空，政府部门，银行等。软件的普及可以推动社会和经济的快速发展，并且可以极大地提高工作和生活的效率[5]。
3.1.2 数据库技术概述
数据库的实现方法就是根据数据库的机理，存储，设计，管理等相关的知识来处理、分析和理解数据库中的数据。即把数据库作为一种软件来研究，管理和应用数据。由于数据库的研究与管理是以数据为中心的，所以，数据库所要解决的问题有：能够按要求建立对应的数据库，并对其进行统一的管理与组织；利用数据库的管理体系和数据的发掘体系，能够建立起一个能够对数据库中的数据进行添加，修订，删除，处理，分析，说明，打印等功能，具有较强的数据管理和发掘能力。实现了对各类数据的处理、分析和解释。
3.1.3 MySQL简介
MySQL是一种基于数据库的关系管理系统，它是由 Oracle公司开发并实现的。MySQL是当前各行各业应用最为广泛的一种管理体系，其中在关系数据库中使用 MySQL最为合适。MySQL可以与数据库管理系统相连，所以可以将数据存放在不同的表格中，这样就增加了灵活性。当 MySQL存取数据库的时候， SQL语言是一种非常普通和标准的语言。MySQL采用的是双重授权策略（“授权政策”）, MySQL是一个网站的数据库，分为两种，一种是社区版，一种是商业版，一种是社区版，一种是商业版，一般的小网站都会采用这种方式，因为这种软件体积小，速度快，成本低，开源。
3.1.4 express框架介绍
Express是一个基于Node.js平台的快速、开放、极简的Web开发框架，它提供了一系列强大特性来帮助开发者快速构建各种Web应用。这个框架不会对Node.js已有的特性进行二次抽象，而是在其基础上扩展了Web应用所需的功能。
Express提供了一种简单的方式来定义和处理不同URL路径的请求。开发者可以通过定义路由，将请求映射到特定的处理程序函数，以执行相应的操作。
这是一个非常强大的概念，允许开发者在请求和响应之间执行功能。中间件可以用于处理身份验证、日志记录、错误处理等任务。Express不仅提供了一些内置的中间件，同时也允许创建自定义的中间件。Express支持多种模板引擎，如EJS、Pug(以前称为Jade)、Handlebars等，这些模板引擎使得开发者能够轻松地生成动态的HTML页面。提供了一种简单的方式来处理错误，开发者可以定义一个错误处理中间件来捕获应用程序中的错误，并进行适当的处理，例如返回错误页面或发送错误响应。允许开发者轻松地提供静态文件，如图像、CSS和JavaScript文件，这对于构建具有前端界面的应用程序非常有用。
此外，Express还具有很高的扩展性，允许开发者根据项目的需求进行扩展，可以使用其他库和中间件来增强Express的功能，使其适应不同的应用场景。
总的来说，Express是一个简单而强大的框架，适用于许多Web应用程序开发和API构建场景，特别是那些希望快速建立起可靠、安全且高效的Web应用程序的场景。无论是快速构建API、与前端框架集成构建完整的Web应用程序，还是构建单页应用程序或静态网站，Express都是一个理想的选择。

3.2 软件体系结构设计
3.2.1 功能结构
根据需求调研结果确定本系统主要包括以下功能模块，如图3.1所示。

图3.1系统功能结构图
3.2.2 系统架构
软件的结构设计，主要是由一个或者多个结构组成，组成的过程的元素包含了内容不元素，外部元素，以及多个模块之间组成的逻辑关系进行设计，系统架构图如图3.2所示：

图3.2 系统架构图
3.3 数据库设计
3.3.1 概念结构设计
针对网店采购管理系统的功能性需求方面的了解，系统概念模型（ER图）如图3.3所示。

图3.3 系统概念模型ER图

3.4 对象设计
在一般的管理采购员管理商品中，包括商品的增加、删除、修改。其用例与管理采购员管理商品的增加、删除、修改和管理采购员管理用户的增加、删除、修改类似。限于篇幅所限，这里将只显示管理采购员更改商品信息的情况，用例的对象设计如下。
3.4.1 管理商品信息用例对象设计
该模块的基本作用是商品信息管理。

图3-1 商品信息模块时序图
3.4.2 管理供应商用例对象设计
该模块的基本作用是供应商管理。供应商模块时序图。
供应商模块时序图，如图4-2所示。

图3-2 供应商模块时序图
3.4.3 管理采购员需求用例对象设计
该模块的基本作用是采购员需求管理。系统进入个采购员需求管理，对其进行操作。
采购员需求模块时序图，如图3-3所示。

图3-3 采购员需求模块时序图

第3章 系统实现

4.1登录模块的实现
当管理员输入用户名称及密码后，按「登录」键，系统会比对资料库中储存的资料，若用户名称及密码符合资料库储存资料；系统会跳跃到使用者页面，如果不是，会有提示错误，将会出现登录页。图5.1系统登录界面。

图5.1系统登录界面

4.2管理员管理模块
管理员登录系统后，可以对采购员管理、供应商管理、商品信息管理、商品分类管理、供应商报价管理、采购请购单管理、采购到货单管理、采购入库单管理、采购结算管理、采购退货管理、采购类型管理、个人资料等功能进行相应操作，如图5-2所示。

图5.2首页信息界面

4.3采购员管理模块
管理员可以对采购员的信息进行查看、删除、增加及更新操作。程序成效图如下图5-3所示:

图5.3 采购员管理界面