Nodejs+Vue菜鸟驿站仓库管理系统的设计与实现 (论文+源码)-kaic

摘要

当前时代，全球的经济已经从工业经济到知识经济的改变，在近段时间中不少的专家都纷纷表明知识经济的两个首要属性是信息化和全球化，要完成信息化和全球化，这时就需要稳定的网络和完备的数据库。但时至今日中国的服务价值意识提高，廉价劳动力不再有。在科学以及社会不断地进步下，仓库管理地方法也在慢慢变得更为先进。尤其是当今快递行业飞速发展，货流量大，人工管理更显不足。为了提高仓库管理效率，减少仓库管理成本，特开发菜鸟驿站仓库管理系统。

本文首先对菜鸟驿站仓库管理系统的研究现状以及开发背景进行介绍，然后对系统的设计以及实现进行了细致的叙述。此次的菜鸟驿站仓库管理系统主要是以NODE.JS作为主要的开发技术，采用了B/S的结构，使用NODE.JS技术在动态的页面上进行设计，在后台上运用MySql数据库，开发了一个菜鸟驿站仓库管理系统。系统内容包括首页、个人中心、盘库信息管理、出库信息管理、入库信息管理、管理员管理等功能。最后对菜鸟驿站仓库管理系统进行了一些具体测试，保证其功能能够正常运行。

关键词：仓库管理系统；NODE.JS技术；Vue架构；B/S架构

Abstract

In the current era, the global economy has shifted from an industrial economy to a knowledge-based economy. In the past, experts said that the two primary attributes of the knowledge-based economy were informatization and globalization. To achieve informatization and globalization, stable networks and complete databases are needed. But to this day, China's awareness of service value has increased, and cheap labor is no longer available. Research on the application solutions of intelligent logistics shelves in express delivery stations, and with the evolution of society and science and technology, the methods of warehouse management are also continuously optimized. From the perspective of manual management, this approach not only has low efficiency, high workload, but also poor accuracy. Especially with the rapid development of the express delivery industry today, the volume of goods is large, and manual management is even more inadequate. In order to improve a efficiency of warehouse management but reduce the cost of warehouse management, the Cainiao Posthouse warehouse management system is specially developed.

This paper first introduces the research status and development background of Cainiao Posthouse warehouse management system, and then describes the design and implementation of the system in detail. The warehouse management system of Cainiao Post Station mainly uses the NODE.JS as the main development technology. In the specific system design, it adopts the B/S structure, use NODE.JS technology to design the dynamic page, and uses MySql database on the background to realize a warehouse management system of Cainiao Post Station. The system includes functions such as homepage, personal center, inventory information management, outbound information management, inbound information management, and administrator management. Finally, some specific tests have been carried out on the Cainiao Posthouse warehouse management system to ensure that its functions can run normally.

Key words: warehouse management system,node.js technology,vue structure,b/s structure

[摘要 Ⅰ](#摘要 Ⅰ)

[Abstract Ⅱ](#Abstract Ⅱ)

[第1章绪论](#第1章绪论)

[1.1 课题背景及意义](#1.1 课题背景及意义)

[1.2 国内外研究现状](#1.2 国内外研究现状)

[1.3 研究内容](#1.3 研究内容)

[1.4 本章小结](#1.4 本章小结)

[第2章系统开发环境](#第2章系统开发环境)

[2.1 NODEJS技术](#2.1 NODEJS技术)

[2.2 MySql数据库](#2.2 MySql数据库)

[2.3 Vue架构](#2.3 Vue架构)

[2.4 B/S架构](#2.4 B/S架构)

[2.5 本章小结](#2.5 本章小结)

[第3章系统需求分析](#第3章系统需求分析)

[3.1 可行性分析](#3.1 可行性分析)

[3.2 功能需求分析](#3.2 功能需求分析)

[3.3 非功能需求分析](#3.3 非功能需求分析)

[3.4 本章小结](#3.4 本章小结)

[第4章系统设计](#第4章系统设计)

[4.1 系统概述](#4.1 系统概述)

[4.2 系统结构设计](#4.2 系统结构设计)

[4.3 系统各功能设计](#4.3 系统各功能设计)

[4.3.1 用户登录流程](#4.3.1 用户登录流程)

[4.3.2 系统操作流程](#4.3.2 系统操作流程)

[4.3.3 添加信息流程](#4.3.3 添加信息流程)

[4.3.4 修改信息流程](#4.3.4 修改信息流程)

[4.3.5 删除信息流程](#4.3.5 删除信息流程)

[4.4 数据库设计](#4.4 数据库设计)

[4.4.1 数据库实体](#4.4.1 数据库实体)

[4.4.2 数据库表设计](#4.4.2 数据库表设计)

[4.5 本章小结](#4.5 本章小结)

[第5章系统的实现](#第5章系统的实现)

[5.1 算法研究与实现](#5.1 算法研究与实现)

[5.2 数据库实现](#5.2 数据库实现)

[5.3 功能模块实现](#5.3 功能模块实现)

[5.3.1 管理员功能模块](#5.3.1 管理员功能模块)

[5.3.2 客户信息管理](#5.3.2 客户信息管理)

[5.3.3 商品分类管理](#5.3.3 商品分类管理)

[5.3.4 供应商管理](#5.3.4 供应商管理)

[5.3.5 盘库信息管理](#5.3.5 盘库信息管理)

[5.3.6 出库信息管理](#5.3.6 出库信息管理)

[5.3.7 入库信息管理](#5.3.7 入库信息管理)

[5.3.8 管理员管理](#5.3.8 管理员管理)

[5.4 本章小结](#5.4 本章小结)

[第6章系统测试](#第6章系统测试)

[6.1 测试方法](#6.1 测试方法)

[6.2 测试分析](#6.2 测试分析)

[6.3 本章小结](#6.3 本章小结)

[总结](#总结)

参考文献

原创性说明

[致谢](#致谢)

第1章绪论

1.1 课题背景及意义

当前时代，全球的经济已经从工业经济到知识经济的改变，在近几年的时间里有不少专家纷纷表明知识经济的两个首要属性是信息化和全球化，想要完成信息化和全球化，这时就需要稳定的网络和完备的数据库。在现在的中国，人工成本不断地在攀升，很多企业对于高企的成本望而止步。且效率低下、繁重的工作量、错误率高的传统仓库管理办法在快速发展的快递行业中显得尤为不足。为此，通过现代的科学技术来改变传统的工作方式是必然的。

为了使仓库管理办法跟上时代的变化、降低管理仓库的费用并且有效提高仓库的管理效率，特此开发了菜鸟驿站仓库管理系统。在计算机日新月异的发展下，各式各样的功能都变得十分强大，在合理的运用下还能大大地提升我们的工作效率。本次的菜鸟驿站仓库管理系统利用网络，将仓库中商品的信息存储在数据库中，同时使用计算机进行信息的存储管理有以下这些优点：搜索信息速度快、存储成本低廉、有良好的保密性、有较高的可靠性。让我们仓库管理工作变得更加简单和方便。

1.2 国内外研究现状

我国在各大网上商城的深入群众的前提下，快递行业也逐渐变得强大起来，随之在仓库管理上的各种缺点被不断放大。在投入了大量的人力物力以及金钱的情况下，得到的结果果并不如预期。除此之外，相对应的信息也在不断增加，对其的存储、查询、修改也变成的一道难题。

在美国为首的部分发达国家早在很久以前就开始将计算机运用到仓库管理之中，在中国计算机的应用落后发达国家一大截，而且在各个发展区域之间都有着差距，在21世纪的今天还有很多地方或者公司都还在使用传统的方式进行仓库管理。随着计算机的发展和互联网的普及，网络管理系统也慢慢地被人们所接触到，纵观这些网络管理系统都会有以下几个特点：简便性、扩展性、可靠性。

综上所述，通过计算机以及互联网对仓库进行管理是一个良好的选择。开发一个仓库管理系统是非常必要的，以提高工作效率并降低成本。

1.3 研究内容

经过对仓库工作人员、取货人和管理员需求的分析，我们逐步地增加了菜鸟驿站仓库管理系统的功能。随后，进行了相关功能的需求分析以及测试，并且在这两个方面进行较为深入的研究探讨和总结。在系统的设计中，我们首先为您提供了当前国内外仓库管理现状、市场需求、数据库分析、功能模块以及开发技术的详尽说明。除此之外，我们也分析了相关功能的需求，并且对相关功能进行测试，以此来确保菜鸟驿站仓库管理系统的及时性、简便性和稳定性。本次开发选择了NODE.JS技术来开发设计，在数据存储上，使用 Mysql数据库来进行设计。系统具备多项强大的功能，包括但不限于对仓库中物品的增删查改等。

1.4 本章小结

本章节主要介绍了菜鸟驿站仓库管理系统的实际背景和意义，指出在不断信息化和全球化的今天，仓库管理不断地向数据化转变。菜鸟驿站仓库管理系统宗旨在于能够帮助到仓库管理人员更好的进行仓库管理，比如实现对仓库物品的清点、查找、分类等功能。本章也指出中国与以美国为首的部分发达国家相比起来目前在仓库管理数据化上起步晚，需要通过更多的实践，方能得到一个实用的、符合我国国情的仓库管理系统。最后也指出软件开发需要严格遵守软件开发的三个周期八个阶段，以确保系统及时性、简便性和稳定性。

第2章系统开发环境

2.1 NODEJS技术

NODEJS能够在浏览器服务端脚本语言中十分方便地使用，另外NODEJS语言符合我们日常编码习惯，很容易便可以理解而且它还拥有面向对象地特点。关于对象，其实可以理解成每一种事物都是一种对象，包括我们人类自身都是一种对象[3]。利用面向对象语言的基本特征来解决软件开发中的实际问题，为有效软件开发提供了技术支持[1]。

更重要的是，NODEJS语言在绝大部分的计算机操作系统中都可以直接运行，良好的可移植性，让NODEJS语言能够进行跨平台实现。

2.2 MySql数据库

MySql数据库是由MySQLAB公司所开发的一种小型数据库。大多数的网站在建立的初期都使用它来进行数据的存储。此外，因为MySql数据库运行成本低且运行速度快的优点收到大家的欢迎。最重要的是其源码的开放化。介于数据库的功能强大等特点，本系统的开发主要应用了MySql进行对数据的管理。

2.3 Vue架构

Vue架构它不仅属于框架类型，还可以将其归为一类生态。Vue能够完成绝大多数前端开发经常被人们所提出的需求。Vue由于其自由的语法以及在全数组件间可以进行更加灵活的通信，所以Vue能够在短时间内掌握并且投入到实际的开发运用中。

2.4 B/S架构

B/S架构也可以称为浏览器与服务器架构模式，随着网络的兴起它便变成了一种最常被使用的网络架构模式。B/S架构最大的优点在于它可以在随便一台可以上网的电脑上使用，并不需要其他的插件帮助其运行，仅仅需要系统提供给它一个账号和密码就可以使用。但B/S架构很容易受运行环境影响，意思便是在使用兼容性较差的浏览器时，会对B/S架构本身造成十分严重的影响。

2.5 本章小结

本章主要介绍了此次菜鸟驿站仓库管理系统开发所需要运用到的NODE.JS技术、MySql数据库、Vue架构和B/S架构。并且通过分析它们的优缺点来对菜鸟驿站仓库管理系统的开发进行详细的技术研究和规划，包括菜鸟驿站仓库管理系统整体设计、数据库模型设计、系统页面等方面。

第3章系统需求分析

系统需求分析是我们在进行系统开发之前非常重要的一个步骤，若是在系统开发之前没有进行一次系统需求分析，很可能会造成系统功能不全、系统存在巨大的安全隐患，此外在没有清晰的系统需求之下很有可能会造成人力和物力的不必要浪费。就好比在上世纪的时候，美国的IBM公司在需求不确定的情况下帮助英国的电信公司开发一套信息管理系统，由于需求获取地不清晰导致了大量的人力物力损失。

所以在系统开发之前我们首先要做的就是将系统的各种需求进行一次非常详细的分析，通过对系统进行需求分析，我们可以清楚的知道有些那些模块是具有高重复性或者其逻辑较为复杂，在系统开发的时候尽可能地将它们在合理的情况下进行合并代码或者优化代码；在本次的系统设计中，作为首要考虑因素的便是管理员的需求，只有在提高系统的能用性和稳定性、才能够更好地帮助管理员进行管理等相关操作。

3.1 可行性分析

菜鸟驿站仓库管理系统主要目标是实现网上在线仓库的相关信息管理服务。在确定了需求之后，我们便要开始对该系统进行分析，菜鸟驿站仓库管理系统能否实现目标。

一个系统的可行性分析主要对其的技术、操作、经济、法律可行性进行相对应的分析。本次的菜鸟驿站仓库管理系统在NODE.JS技术的运用下，网络架构采用B/S架构，使用Mysql数据库对信息进行存储，对于在技术上的要求完全可以达到菜鸟驿站仓库管理系统的实现；此外，此系统因为在各类的界面上都秉承着拥有足够的简便性来进行开发，管理员并不需要过多的学习就可以对该系统进行操作；菜鸟驿站仓库管理系统是采用了B/S架构，并且将数据存储在MySql数据库中，此系统的开发投入不会很高，而且开发周期并不长具有很好的经济性；该系统在开发过程中使用的都是开源代码以及自己编写的代码，并不会对其他类似的系统造成侵权。

在综上所述，本次设计开发的菜鸟驿站仓库管理系统在可行性分析中找不到不合理的地方，所以开发这次的系统是可以的。

3.2 功能需求分析

菜鸟驿站仓库管理系统的核心用户是管理员，以下分析了菜鸟驿站仓库管理系统相关功能的需求：

系统首先包括一个登录模块，还有一个个人中心，里面可以修改个人的相关信息和密码。同时还有一个客户信息管理功能，可以添加、删除、修改和查询客户信息。除此之外，还有商品分类管理功能，能够轻松添加、删除或修改商品分类。另外，系统还具备供应商管理功能，让你轻松查询、添加、修改和删除供应商分类。更重要的是，它还包含一个库存管理功能，帮助你跟踪商品的出入库情况，并对进出货物进行单独管理。最后，我们还有一个管理员管理功能，允许你添加和删除管理员。这套系统看起来几乎涵盖了你需要有效管理业务所需的所有功能。用例如图3-1所示。

图3-1 管理员用例图

3.3 非功能需求分析

菜鸟驿站仓库管理系统在数据的处理上仅涉及客户信息、商品类别和数量、商品出入库时间，对于数据精度的要求并不是很高，所以使用实型类型数据便可以满足对信息进行存储的需求。

在B/S架构和NODE.JS技术的开发基础上菜鸟驿站仓库管理系统有着良好的适应性，当运行环境还或者系统接口发生变化时都能够进行适应和兼容。

菜鸟驿站仓库管理系统使用的技术目前都已经变得十分成熟，在减少设计、编码等方面的缺陷下能够保证其连续地运行，有着很高的可靠性。另外，菜鸟驿站仓库管理系统与互联网相连接，我们仅需要在保证系统的网络环境安全的前提下，系统的信息、数据并不会被泄露和修改。

3.4 本章小结

本章讲述可行性研究是在做出决策之前对项目进行评估，以确定项目是否具有可行性，以及可行性的程度等问题。在菜鸟驿站仓库管理系统的可行性分析中发现该系统很大程度上满足了各种要求，并且可以做到使用较少的资源便可完成系统。

第4章系统设计

4.1 系统概述

在系统可行性分析完之后，我们要做的便是对菜鸟驿站仓库管理系统着手系统的设计。在通常的系统设计中包含两个方面，分别是系统的总体设计和系统的详细设计。在经过总体设计之后，我们便可以轻易地划分出系统的各个模块和功能。

在对一个项目进行系统设计时，我们可以列举多个设计在不同方面下进行对比。经过对比之后我们需要确定一个在这些设计中最优秀的设计方案，这样子做不仅仅可以帮助我们更好地开发系统还能降低经济成本，大大地方便我们。系统工作原理图如图4-1所示。

图4-1 系统工作原理图

4.2 系统结构设计

在系统设计的这一个阶段，我们需要结合我们设计的系统来设计出一个符合设计的系统架构图，系统架构图也能够让我们清晰的知道在两个功能之间是如何进行相互关联的，一个好的系统架构能够很大程度提生系统的能力。结构设计如图4-2所示。

图4-2 管理员结构图

4.3 系统各功能设计

4.3.1 用户登录流程

由于系统中存储了许多重要的信息，其中包括商品的信息、客户的个人信息等，所以设计安全操作是必要的。若是想要使用菜鸟驿站仓库管理系统对信息进行管理操作，第一件事就是经过验证才能登录进系统。操作设计如图4-3所示。

图4-3 登录流程图

4.3.2 系统操作流程

当管理员在系统登陆界面输入了正确的用户名以及密码，经过系统的自行检测，没有错误的话，管理员便会进入菜鸟驿站仓库管理系统功能界面操作，若有错误的话会提示"用户名或者密码错误！"。流程如图4-4所示。

图4-4 系统操作流程图

4.3.3 添加信息流程

管理员可以对仓库物品信息进行添加，输入数据之后，在检验完有无错误之后便会写入数据库或者弹出失败提示。流程如图4-5所示。

图4-5 添加信息流程图

4.3.4 修改信息流程

管理员可以对仓库物品信息进行修改，输入数据之后，在检验完有无错误之后便会写入数据库或者弹出失败提示。如图4-6所示。

图4-6 修改信息流程图

4.3.5 删除信息流程

管理员可以对仓库物品信息进行删除，输入数据之后，在检验完有无错误之后便会从数据库中删除或者弹出失败提示。如图4-7所示。

图4-7 删除信息流程图

4.4 数据库设计

在计算机信息系统中，我们需要一个数据库来帮助我们进行数据的存储。本次系统设计使用的是MySql数据库，MySql数据库也是计算机信息系统中最常用到的数据库，计算机信息系统的优劣主要取决于数据库设计的好坏。所以拥有好的数据库设计是十分有必要的。

4.4.1 数据库实体

数据模型中的实体（Entity），也被人们称为实例，我们经常运用此方法来进行数据库实体设计。本系统的各种E-R图如下图所示。

1、客户信息管理E-R图如图4-8所示。

图4-8 客户信息管理实体图

2、供应商管理E-R图如图4-9所示。

图4-9 供应商管理实体图

3、盘库信息管理E-R图如图4-10所示。

图4-10 盘库信息管理实体图

4.4.2 数据库表设计

数据库中的数据集合通常由几个表合并在一起所得出，所以我们要在数据库中建立相关的表来进行存储数据，并且方便我们在后续对信息进行查找、更改等操作。下面介绍数据库中各个表的详细信息。详细信息如表4-1至4-8所示。

表4-1 配置文件

|-------|---------|-----|--------|----|-----|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| name | varchar | 100 | 配置参数名称 | | |
| value | varchar | 100 | 配置参数值 | | |

表4-2 用户表

|----------|-----------|-----|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| Id | bigint | | 主键 | 主键 | |
| username | varchar | 100 | 用户名 | | |
| password | varchar | 100 | 密码 | | |
| role | varchar | 100 | 角色 | | 管理员 |
| addtime | timestamp | | 新增时间 | | CURRENT_TIMESTAMP |

表4-3 入库信息

|-------------------|-----------|------------|--------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| chukubianhao | varchar | 200 | 出库编号 | | |
| shangpinbianhao | varchar | 200 | 商品编号 | | |
| shangpinmingcheng | varchar | 200 | 商品名称 | | |
| shangpinfenlei | varchar | 200 | 商品分类 | | |
| shuliang | int | | 数量 | | |
| baosunshuliang | int | | 报损数量 | | |
| beizhu | longtext | 4294967295 | 备注 | | |
| dengjishijian | datetime | | 登记时间 | | |
| clicktime | datetime | | 最近点击时间 | | |
| clicknum | int | | 点击次数 | | 0 |

表4-4 盘库信息

|------------------------|-----------|------------|-------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| shangpinbianhao | varchar | 200 | 商品编号 | | |
| shangpinmingcheng | varchar | 200 | 商品名称 | | |
| shangpinfenlei | varchar | 200 | 商品分类 | | |
| pinpai | varchar | 200 | 品牌 | | |
| guige | varchar | 200 | 规格 | | |
| baosunshuliang | int | | 报损数量 | | |
| shuliang | int | | 数量 | | |
| chengbenjia | int | | 成本价 | | |
| shoujia | int | | 售价 | | |
| lirun | int | | 利润 | | |
| gongyingshangbianhao | varchar | 200 | 供应商编号 | | |
| gongyingshangmingcheng | varchar | 200 | 供应商名称 | | |
| beizhu | longtext | 4294967295 | 备注 | | |

表4-5 客户信息

|----------------|-----------|-----|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| kehumingcheng | varchar | 200 | 客户名称 | | |
| kehuleixing | varchar | 200 | 客户类型 | | |
| kehuxingming | varchar | 200 | 客户姓名 | | |
| lianxidianhua | varchar | 200 | 联系电话 | | |
| lianxiyouxiang | varchar | 200 | 联系邮箱 | | |
| songhuodizhi | varchar | 200 | 送货地址 | | |

表4-6 供应商

|------------------------|-----------|-----|-------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| gongyingshangbianhao | varchar | 200 | 供应商编号 | | |
| gongyingshangmingcheng | varchar | 200 | 供应商名称 | | |
| dizhi | varchar | 200 | 地址 | | |
| fuzerenxingming | varchar | 200 | 负责人姓名 | | |
| zhiwu | varchar | 200 | 职务 | | |
| lianxifangshi | varchar | 200 | 联系方式 | | |

表4-7 出库信息

|-------------------|-----------|------------|--------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| chukubianhao | varchar | 200 | 出库编号 | | |
| shangpinbianhao | varchar | 200 | 商品编号 | | |
| shangpinmingcheng | varchar | 200 | 商品名称 | | |
| shangpinfenlei | varchar | 200 | 商品分类 | | |
| pinpai | varchar | 200 | 品牌 | | |
| baosunshuliang | int | | 报损数量 | | |
| guige | varchar | 200 | 规格 | | |
| shuliang | int | | 数量 | | |
| lirun | int | | 利润 | | |
| zonglirun | int | | 总利润 | | |
| dengjishijian | datetime | | 登记时间 | | |
| beizhu | longtext | 4294967295 | 备注 | | |
| clicktime | datetime | | 最近点击时间 | | |
| clicknum | int | | 点击次数 | | 0 |

表4-8 商品分类

4.5 本章小结

本章内容主要介绍系统设计和数据库设计的相关美容。系统设计是指在满足我们的需求的前提下，将系统的每个组成部分进行分析和设计，从而实现系统的功能。在本章节中使用了许多系统的结构图来描述各个功能模块以及它们之间的关系。

数据库在系统的开发中通常处于必不可少的地位。本章使用数据库E-R图来帮助设计者更好地去理解数据与数据之间的关系，从而设计出合理的数据结构。

第5章系统的实现

5.1 算法研究与实现

菜鸟驿站仓库管理系统它可以帮助管理员管理仓库中的商品，包括商品分类、商品入库、商品出库等。为了实现这个菜鸟驿站仓库管理系统，需要对所需要的算法进行研究以及实现。菜鸟驿站仓库管理系统中最主要的是通过管理算法对仓库商品的进出库进行管理，这个算法可以帮助菜鸟驿站仓库管理系统管理仓库商品的库存，包括库存的添加、删除和更新。当仓库库存量到达一定程度后，能够提醒管理员该情况的出现。详细算法实现如图5-1和图5-1-2所示。