本系统是一个购物的web应用，主要的研究内容包括以下几点[3]。
（1）顾客浏览系统：顾客通过浏览器登录到本购物系统后，可以通过商品信息浏览各种商品，或者通过商品名称搜索商品信息，查看各种商品的详细信息；
（2）用户注册及登录：游客用户需要通过账号注册，才能登陆系统进行购物，购买商品的时候需要选择商品，填写数量，系统自动计算总金额；
（3）订单处理： 当用户决定购买的商品时，可以通过虚拟支付，结账填写相应的订单信息，确定所填写的订单信息无误后，提交订单后，生产订单号，完成下单，用户也可以查看自己的订单信息；
（4）管理员后台处理： 管理员登录系统后台，可以处理运动商品交易的订单信息，运动商品信息等，此外，管理员可以管理系统的各类信息，包括用户信息，轮播图信息，系统商品资讯信息等[4]。
ide工具：IDEA 或者eclipse
编程语言: java
数据库: mysql5.7+
框架：ssm+springboot都有
前端：vue.js+ElementUI
详细技术：HTML+CSS+JS+springboot+SSM+vue+MYSQL+MAVEN
数据库工具：Navicat
计算机的普及，使得我们的生活更加丰富多彩，越来越多的人使用通过网络来购买各类的商品。早期商品的销售和购买都是通过实体店，这种购买方式需要耗费额外不少的选购时间，且不利于同类产品不同厂商的比较，而通过网上销售和购买则可以随时随地随心的发布和购买，“七匹狼皮带”商城系统的开发正是为此。系统是一款web项目，采用java进行编写，使用mysql进行数据库的管理，使用navicat作为图形界面操作数据库，采用B/S架构进行系统的开发。系统采用流行的Springboot框架结合前台vue-cli进行设计与开发，提高系统的系统可维护性和拓展性，并实现了相关功能，经过测试，系统能够完成预设的基本功能，实现线上商品交易的全过程。
关键词： 商城，springboot，vue-cli，B/S
目 录
摘 要 III
ABSTRACT IV
1 引言 1
1.1 研究背景与意义 1
1.2销售系统研究现状 1
1.3研究方法 1
1.4论文结构 2
2 相关技术介绍 3
2.1 Idea集成开发环境 3
2.2 HTML,CSS和JS 3
2.3 Vue框架 4
2.4 Springboot框架 4
2.5 Mysql数据库管理系统 4
2.6本章小结 5
3 系统需求分析 6
3.1 可行性分析 6
3.2 系统性能需求分析 6
3.3 用例图 7
3.4主要流程分析 8
3.4.1用户地址管理流程图 8
3.4.2评论流程图 8
3.4.3商品购买流程图 8
3.5本章小结 9
4 系统设计 10
4.1 系统总体架构设计 10
4.2系统主要模块设计 10
4.3系统主要模块设计 11
4.4.1数据库E-R设计 11
4.3.2整体E-R设计 12
4.3.3数据库表设计 13
4.4 本章小结 15
5 系统实现 16
5.1 MVVM模型 16
5.2 首页功能实现 16
5.3用户登录功能模块 17
5.4用户注册功能展示 18
5.5商品列表与详情功能实现 18
5.6在线购物功能实现 18
5.7商品管理功能实现 19
5.8注册用户管理功能实现 20
5.9本章小结 20
6 系统测试 21
6.1测试步骤 21
6.1.1兼容性测试 21
6.1.2典型测试 21
6.2测试结论 23
6.3测试问题和解决办法 23
总 结 24
致 谢 25
参 考 文 献 26
