摘要：随着互联网和物联网的飞速发展，电子商务成为新的商业媒介，它的产生对传统的管理模式产生了冲击，也使得企业的管理模式必须做出相应的改变，同时对商品供应链的各个环节的信息化、系统化、科学化都提出了更高层次的要求，因此管理信息系统的构建对于电子商务的发展起着至关重要的作用。本文将详细探讨如何使用Vue技术完成一个电商后台管理系统。系统包括登录、管理用户账号、商品分类、商品信息、数据统计等功能，其中请求接口使用了Axios异步请求技术，商品的分类实现对信息做基础的展示和操作，商品描述使用了Quill富文本编辑器对商品进行基本描述，数据统计功能利用了JavaScript和Echarts数据可视化技术实现基本的商品的数据可视化。

 

关键词：电子商务；Vue；Axios；Echarts；数据可视化

 

目 录

摘 要

Abstract

1.引言-1

1.1 研究背景-1

1.2 研究范围和局限性-1

1.3 研究目的与意义-1

1.4 本文结构-2

2.关键技术介绍-3

2.1 Vue 前端框架技术-3

2.2 Node.js构建后端接口-3

2.3 MySQL数据库技术-3

2.4 Axios异步请求技术-3

2.5 ECharts数据可视化技术-4

3. 系统分析-5

3.1 系统功能模块分析-5

3.2 系统流程分析-5

3.3 系统用例分析-7

3.3.1 系统用例图-7

3.3.2 用例描述-8

4. 系统设计-14

4.1 系统架构设计-14

4.2 交互接口设计-15

4.2.1登录交互接口设计-15

4.2.2用户管理交互接口设计-15

4.2.3权限管理交互接口设计-16

4.2.4角色管理交互接口设计-16

4.2.5商品分类管理交互接口设计-17

4.2.6分类参数管理交互接口设计-18

4.2.7商品管理交互接口设计-19

4.2.8图片上传交互接口设计-20

4.2.9数据统计交互接口设计-20

4.3 数据库设计-21

5. 系统页面展示-24

5.1 登录界面展示-24

5.2 欢迎界面展示-24

5.3 用户管理界面展示-25

5.4 权限管理界面展示-26

5.5 商品管理界面展示-27

5.6 数据统计界面展示-28

6. 系统测试-29

6.1 功能性测试-29

7. 总结和心得体会-33

参 考 文 献-34

致 谢-35