顾客从商品类型进入目录，在购物车里核对数量后选择收货地址。订单保存这次购买的信息，方便从商品浏览一路读到交易结果。
这套 Java Web 项目采用 Vue 页面和 MySQL 数据库。使用时可按管理员、用户的入口查看各自负责的业务。下面以购物车、商品类型、商品信息为例，介绍操作入口、数据内容和本地部署方式。
一、项目概况
| 项目名称 | 电商购物网站 |
|---|---|
| 资源编号 | SSM399 |
| 技术栈 | SSM / Vue / MySQL |
| 参与角色 | 管理员、用户 |
| 业务范围 | 商品分类、购物车结算与订单查询 |
二、业务操作：商品购买与收藏与我的订单
用户可以进入已完成订单、已发货订单、未支付订单、已取消订单、已支付订单、已退款订单。其中，“已发货订单”提供查看、确认收货操作。
1. 商品购买与收藏
用户可以对商品进行购买与收藏。下图就是商品购买与收藏页面。
2. 我的订单
用户购买后会产生订单，在我的订单里查看。下图就是我的订单页面。
3. 用户注册
用户需要注册才可以登录。下图就是用户注册页面。
三、功能维护：商品类型信息管理与商品信息管理
管理员可以进入商品类型、商品信息、已支付订单、已退款订单、已完成订单、已发货订单、未支付订单。其中，“商品信息”提供新增、查看、修改、删除、查看评论操作。
1. 商品类型信息管理
管理员可以对商品类型信息进行添加，修改，删除，查询操作。下图就是商品类型信息管理页面。
2. 商品信息管理
管理员可以对商品信息进行添加，修改，删除，查询操作。下图就是商品信息管理页面。
3. 用户信息管理
管理员可以修改，删除用户信息。下图就是用户信息管理页面。
四、技术结构与学习重点
数据库与业务记录
主数据库脚本包含 13 张表。下表选取与商品分类等业务相关的记录，列出表名和可在源码中直接查找的字段。
| 购物车（cart） | 商品表名（tablename）、用户id（userid）、商品id（goodid） |
|---|---|
| 商品类型（shangpinleixing） | 商品类型（shangpinleixing） |
| 商品信息（shangpinxinxi） | 商品名称（shangpinmingcheng）、商品类型（shangpinleixing）、图片（tupian） |
| 订单（orders） | 订单编号（orderid）、商品表名（tablename）、用户id（userid） |
| 地址（address） | 用户id（userid）、地址（address）、收货人（name） |
页面与后端接口
以购物车为例，后端入口位于 CartController.java，接口前缀为 /cart。可以对照 /cart/page 和 /cart/list 阅读对应的请求处理。
阅读详情或编辑页面时，可以沿着“商品表名”这个字段查找 tablename，再对照 cart 表核对保存位置。这样可以把页面显示的名称、请求参数和数据库字段对应起来。
五、部署入口与配置位置
将包含 pom.xml 的 ssm8677k 工程导入开发工具，新建 MySQL 数据库并导入 db.sql。在 src/main/resources/config.properties 中按本地环境填写数据库地址、库名和账号。
使用 Maven 构建 WAR 后部署至兼容的 Tomcat，核对应用上下文。展示页入口可从 front/index.html 定位。单独运行或重建 Vue 页面时，还需检查前端接口地址是否指向同一应用。
首次进入项目，可先打开购物车列表，选择一条已有记录，核对商品表名、用户id等资料。
六、配套资料清单
- 项目源码（ssm8677k）
- MySQL 数据库脚本（db.sql）
- 论文.doc
- 说明文档.txt
会员赠送权益
黄金会员自选 2 个项目，钻石会员累计自选 5 个项目；一次性赠送，不按天恢复。已领取项目可重复访问。
黄金升级钻石补足总额度；续费不重复赠送。每位付费会员共享有一次本地部署协助。
