首先，这是一个前后端分离的项目，代码简洁规范，注释说明详细，易于理解和学习。其次，这项目功能丰富，具有一个电子产品售卖商城系统该有的所有功能。

项目功能：此项目分为两个角色：普通用户和管理员。普通用户有登录注册、浏览商品信息、添加购物车、结算订单、查看个人信息、查看个人订单详情等等功能。管理员有管理所有商品信息、管理所有订单信息、管理所有用户信息、查看收益数据图表等等功能。

应用技术：SpringBoot + VueCli + MySQL + MyBatis + Redis + ElementUI + 沙箱支付宝

运行环境：IntelliJ IDEA2019.3.5 + MySQL5.7（项目压缩包中自带) + Redis5.0.5（项目压缩包中自带） + JDK1.8 + Maven3.6.3（项目压缩包中自带）+ Node14.16.1（项目压缩包中自带）

目 录

摘 要 I

Abstract II

1 绪论 1

1.1 系统开发背景 1

1.2 系统开发意义 2

1.3 国内外研究现状 3

2 可行性分析 5

2.1 社会可行性 5

2.2 技术可行性 5

2.3 操作可行性 5

2.4 系统的技术介绍 6

2.4.1 SpringBoot 6

2.4.2 Vue 6

2.4.3 MyBatis 6

2.4.4 MySQL 6

2.4.5 Redis 7

2.4.6 ElementUI 7

2.4.7 沙箱支付宝 7

2.5 系统开发平台及运行环境 7

2.5.1 系统开发平台 7

2.5.2 运行环境 8

3 系统分析 9

3.1 系统功能模块概述和分析 9

3.1.1登录 10

3.1.2注册 10

3.1.3查询商品 10

3.1.4添加商品 10

3.1.5编辑商品 11

3.1.6删除商品 11

3.1.7提交订单 11

3.1.8添加购物车商品 12

3.1.9编辑购物车商品 12

3.1.10查看订单详情 12

3.2 系统功能模块设计 13

3.3 流程分析 14

3.4 用例分析 15

3.4.1用例词汇表 15

3.5 数据库分析 18

3.6设计类图分析 23

3.7 交互类图分析 23

3.7.1顺序图 23

3.8 系统架构设计图 25

4 系统实现 26

4.1登录页面设计 26

4.2商品展示界面 27

4.3 购物车界面 28

4.4订单核对支付界面 29

4.5我的订单界面 30

4.6后台系统首页页面 31

4.7后台系统用户管理页面 32

4.8后台系统商品管理页面 33

4.9后台系统订单管理页面 33

4.10接口设计表 34

5 系统测试 39

5.1 测试的目的与目标 39

5.2 测试方法 39

5.3 测试用例 40

5.4 测试结论 41

结 论 43

致 谢 44

参考文献 45

3 系统分析

3.1 系统功能模块概述和分析

《基于Web的小米手机销售系统设计与实现》采用B/S架构，主要针对普通用户、管理员两类角色。本系统大体上可以划分为两个部分，第一部分为前台部分，前台部分普通用户可以进行登录、注册、浏览商品、修改个人信息、添加商品到购物车、提交订单、查看订单、支付订单等等功能。另一部分为后台部分，后台部分管理员角色可以管理所有用户信息、管理商品分类信息、管理商品信息、管理订单信息等等功能。本系统在系统的设计与开发过程中严格遵守软件工程的规范，运用软件设计模式，从而减少系统模块间的偶合，力求做到系统的稳定性、可重用性和可扩充性。

《小米手机销售系统》主要功能如下：

(1)后台部分功能：

①用户管理：管理整个系统的所有用户信息，而且只能由管理员角色的用户进行管理。

②商品管理：管理员角色的用户可以管理所有的商品信息，并且商品信息会在前台自动更新展示。

③订单管理：管理员角色可以管理所有用户的订单信息，并修改订单的状态信息。普通用户在前台可以看到订单信息的变化。

(2)前台部分功能：

①登录注册功能：普通用户可以在前台进行登录和注册。

②购物车管理：普通用户可以将商品添加到购物车，并且管理自己购物车的商品信息。

③订单管理：每个普通用户能查看自己的订单。

④支付功能：普通用户可以对订单进行支付宝扫码支付。

⑤个人信息管理：普通用户可以在前台管理自己的个人信息。