2.相关技术和开发环境

2.1 相关技术

本课题在Windows系统下使用了JavaEE开发技术、Spring Boot技术、Vue.js技术、MySQL关系型数据库以及ElementUI前端框架技术进行开发。以下是关键技术及开发工具介绍。

2.1.1 Java语言

Java是一种面向对象的编程语言，由Sun Microsystems（现在是Oracle公司）于1995年首次发布。它具有可移植性、安全性和跨平台等特性，因此被广泛应用于各个领域的软件开发中。

Java的平台无关性是其最重要的特性之一。通过Java虚拟机（JVM），Java程序可以在不同的操作系统和硬件上运行，而不需要针对特定平台进行修改。这意味着一次编写的Java代码可以在Windows、Linux、Mac等多个平台上运行。

Java是一种面向对象的语言，它支持封装、继承和多态等面向对象的编程概念。这使得Java程序更易于理解、扩展和维护。它还提供了强大的异常处理机制，使开发者能够更好地应对错误和异常情况。

Java还具有丰富的标准库和第三方库，以及一个庞大的开发者社区。这些库提供了许多常用的功能和工具，使得Java的开发变得更加高效和便捷。

总之，Java是一种功能强大、可靠性高、安全性好的编程语言，非常适合开发各种类型的应用程序，包括桌面应用程序、Web应用程序、移动应用程序等。它的广泛应用和稳定性使得Java成为了当今世界上最流行的编程语言之一。 

2.1.2 HTML、CSS、JavaScript

HTML（超文本标记语言）是一种用于创建和组织网页内容的标记语言。它由一系列标签组成，标签用于标记和描述文档中的不同部分，如标题、段落、链接和图像等。HTML提供了结构化的标记方式，使得浏览器能够正确地解析并显示网页内容。

CSS（层叠样式表）是一种用于描述网页外观和布局的样式语言。通过CSS，可以对HTML文档中的元素进行样式设置，包括字体、颜色、大小、间距、边框和背景等。CSS的设计目标是将样式与内容分离，使得网页的样式可以独立于内容进行修改和调整，从而提高网页的可维护性和灵活性。

JavaScript是一种动态的、基于对象和事件驱动的脚本语言。它广泛用于前端开发，用于为网页增加交互性和动态性。通过JavaScript，可以操作网页的元素、处理用户的输入、响应事件、进行表单验证和数据处理等。它还可以通过AJAX技术与服务器进行数据交互，实现动态加载内容和实时更新。

HTML、CSS和JavaScript三者通常一起使用，被称为前端开发技术。HTML负责网页的内容和结构，CSS负责网页的样式和布局，JavaScript负责网页的交互和动态效果。它们共同作用于网页的不同方面，使网页成为一个功能丰富、外观吸引人且易于使用的用户界面。

总结起来，HTML提供了网页内容的结构和标记，CSS负责网页的样式和布局，JavaScript为网页增加了交互性和动态功能。三者的协同工作使得构建现代化、交互式的网页成为可能。

2.1.3 MySQL 

    MySQL是一种关系型数据库管理系统，是一个多用户，多线程的SQL数据库。MySQL的优点是体积小、速度快、总体拥有成本低，开放源代码等，使得它成为了目前中小企业的最爱[2]。

2.1.4 Vue.js

    Vue.js是一套用于构建用户界面的渐进式框架[4]。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

2.1.5 SpringBoot

SpringBoot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。使用SpringBoot的最大好处就是简化配置，它实现了自动化配置。

2.2 开发环境

表2-1展示了系统所需的开发环境。

表2-1系统所需开发环境表

3. 系统分析

3.1 可行性分析

3.1.1 经济可行性

    本系统为本科毕业设计，未真正投入到实际生活中，所需要的硬件设备目前只需用到一部电脑，软件方面大部分为官方提高免费使用的，所需资料也可在网上或者查询相关书籍即可找到。因此，本系统开发在经济方面是可行的。

3.1.2 技术可行性

    本系统的主要开发语言为Java，基于目前较为流行的SpringBoot以及Vue.js框架进行编写。本系统采用了MySQL数据库作为数据存储基础阵地，保证了一个安全、稳定的数据使用环境。本系统使用的技术，基本上都是目前较为流行的并且是开源的技术，文档和资料在互联网上都非常健全，且有许多开发成功的项目。因此，本系统开发在技术方面是可行的。

3.1.3 运行可行性

    本系统基于SpringBoot框架，需要搭建Java，Maven，Redis，MySQL等软件环境。在搭建的过程中，有遇到过种种的问题，但通过查询资料和请教导师，都能一一解决，并能熟练掌握。因此，本系统开发在运行方面是可行的。

3.2 业务流程分析

3.2.1 业务流程分析

本系统的使用者一共有销售、仓库管理员、系统管理员这三种角色:

1、销售：商品管理、商品售卖

2、仓库管理员：仓库管理、出库、入库、供货商信息管理。

3、系统管理员：除了销售和仓库管理员的权限外，还具备角色管理、菜单管理、人员管理等

主要业务需求表3-1：

表3-1 业务需求表

3.2.2 数据流程图和逻辑流程图

总体业务流程图如下:

图3-1 业务主体流程图

3.3 用例图分析

根据本系统的使用者将用户划分为三种角色，分别是销售、仓库管理员、系统管理员。进入系统前需要通过账号以及密码进行登录，患者若无账号可由管理员统一分配账号，登录成功后则根据他们的各自的角色进入相应的页面。

图3-2 用户关系用例图

销售进入网站的页面后，可以进行的功能用例如图3-3所示:

图3-3 销售用例图

1. 会员信息：可以通过关键字搜索，分页展示会员信息，同时可以增加、删除、修改会员信息和积分兑换。
2. 销售管理：可以进行购物结账、积分兑换、销售记录查询、积分兑换记录查询。

仓库管理员进入网站的页面后，可以进行的功能用例如图3-4所示:

图3-4 租客用例图

1. 商品管理：该功能，销售可以对查看销售统计、商品信息、积分商品管理、商品分类管理。
2. 库存管理：该功能，仓库管理员可以对仓库进行管理、出库明细、入库明细、库存统计、供货商信息查询。

3.4 数据需求分析

3.4.1 实体集分析

    实体集是具有相同类型及相同属性的实体的集合[5]。本系统主要的实体集主要有：员工信息、角色信息、菜单信息、部门信息、商品信息、会员信息、库存信息等。

3.4.2 实体集数据项分析

    员工信息：员工ID，用户名，邮箱，住址，性别，密码，昵称、头像、状态、是否是超管、年龄、身份证号、离职时间。

角色信息：主键、角色名、描述、状态。

菜单信息：主键、名称、地址、类型、父id、父名称、描述、状态、权限的唯一标识、图标、组件路径。

部门信息：主键、部门名称、描述、状态。

商品信息：主键、商品名、商品分类id、销售价格、进货价格、分类名、商品封面、状态、剩余数量、销量。

库存信息：商品编号、仓库编号、入库数数量、剩余数量、仓库名。

4. 概要设计

4.1 系统设计

4.1.1 系统架构设计

    本系统使用SpringBoot、Vue.js等主流开发框架进行开发，遵守MVC模式，同时使用到了Element-UI进行页面的设计。为方便前后端进行整合和日后系统的维护，本系统分为视图层、控制层、业务层和持久层。各层之间相互独立，通过之间的接口进行通信，高内聚，低耦合[6]。

图4-1 系统架构图

4.1.2 系统功能板块

图4-2 系统功能模块图

4.2 ER图-数据库概要设计

员工实体：用来存储员工基本信息。

数据来源：员工数据的录入，修改。

图4-3 员工实体信息属性图

房屋实体：存储角色的基本信息，角色ID为主键。

数据来源：角色的录入，修改。

图4-4 角色实体信息属性图

菜单实体：存储菜单的基本信息，租金ID为主键。

数据来源：菜单录入，修改。

图4-5 菜单实体信息属性图

商品实体：存储商品的基本信息，商品ID为主键。

数据来源：商品的录入，修改。

图4-6 商品信息属性图

本超市管理系统的数据库共有17张表，表与表之间的通过外键建立联系。为了避免数据字段冗余，建立起合理的数据库结构，严格遵循了数据库的设计原则[7]。本系统严格遵循了数据库设计的三大范式，分别为确保每列保持原子性，确保表中的每列都和主键相关以及确保每列都和主键列直接相关。因此本系统的数据库关系是一个结构较为合理的关系型数据库模型。

4.3 系统后端接口设计

本系统的主要接口如表4-1所示。

表4-1 超市管理系统主要接口表

5. 详细设计

5.1 详细功能模块

系统功能模块如表5-1所示:

表5-1 系统功能模块

5.1.1 用户登录模块

    用户输入帐号和密码后，传至系统后台进行校验。如果帐号密码不匹配，跳回登录页面。账号密码都匹配的话，后端生成Token，返回给前端，前端存储到本地localStorage中，如图5-1所示。

图5-1 登录时序图

5.2 数据库详细设计

在上一章中，已对本系统的实体集进行了概要设计，并设计了实体集之间的E-R模型图。在本章节中，从数据库关系的角度出发，设计关系模型以及数据表的逻辑结构。

5.2.1 关系模型设计

     员工信息：员工ID，用户名，邮箱，住址，性别，密码，昵称、头像、状态、是否是超管、年龄、身份证号、离职时间。

角色信息：主键、角色名、描述、状态。

菜单信息：主键、名称、地址、类型、父id、父名称、描述、状态、权限的唯一标识、图标、组件路径。

部门信息：主键、部门名称、描述、状态。

商品信息：主键、商品名、商品分类id、销售价格、进货价格、分类名、商品封面、状态、剩余数量、销量。

库存信息：商品编号、仓库编号、入库数数量、剩余数量、仓库名。

5.2.2 逻辑结构设计

表5-2：department(部门表)

表5-3：employee(员工表)

表5-4：goods(商品表)