顾客可收藏商品、加入购物车,并选择收货地址提交订单。商品评价与订单独立记录,便于从详情页查阅购后反馈。
这套 Java Web 项目采用 Vue 页面和 MySQL 数据库。使用时可按管理员、用户的入口查看各自负责的业务。下面以收货地址、商品评价、购物车为例,介绍操作入口、数据内容和本地部署方式。
一、项目概况
| 项目名称 | 在线商品交易平台 |
|---|---|
| 资源编号 | SSM684 |
| 技术栈 | SSM / Vue / MySQL |
| 参与角色 | 管理员、用户 |
| 业务范围 | 购物车、收货地址与商品评价 |
二、业务操作:个人信息与用户登录
用户可以进入商品评价管理、商品收藏管理、商品订单管理、公告管理。其中,“商品订单管理”提供订单、查看操作。
1. 个人信息
个人中心模块设计的主要目的是方便管理员对密码等个人信息进行管理,用户可以根据自己的实际需求,选择每隔一段时间,更新个人账户的用户名和密码,修改密码界面设计。

2. 用户登录
用户可以选择任一浏览器打开网址,输入正确的账户和密码信息后,登录系统,根据自己的实际需要,选择相关的功能模块,进行操作和使用,用户登录界面设计。

3. 个人中心
个人中心模块设计的主要目的是方便用户对密码等个人信息进行管理,用户可以选择查看用户姓名、手机号、头像、身份证号、电子邮箱、余额等信息,也可以选择修改个人信息资料,更新个人密码信息,修改密码界面设计。

三、功能维护:商品评价管理与商品管理
管理员可以进入商品评价管理、商品类型管理、商品管理、商品收藏管理、商品订单管理、公告类型管理、公告管理。其中,“商品订单管理”提供订单、查看、删除操作。
1. 商品评价管理
管理员可以通过选择商品评价管理,管理相关的商品评价信息,比如查看所有商品评价,删除无用商品评价,修改商品评价,添加商品评价等操作,商品评价管理界面设计。

2. 商品管理
管理员可以通过选择商品管理,管理相关的商品信息记录,比如进行查看商品信息标题,修改商品信息来源等操作,商品管理界面设计。

3. 商品收藏管理
管理员可以通过选择商品收藏管理,管理相关的商品收藏信息,比如查看所有商品收藏,删除无用商品收藏,修改商品收藏,添加商品收藏等操作,商品收藏管理界面设计。

4. 商品订单管理
管理员可以通过选择商品订单管理,管理相关的商品订单信息,比如查看所有商品订单,删除无用商品订单,修改商品订单,添加商品订单等操作,商品订单管理界面设计。

5. 修改密码
个人中心模块设计的主要目的是方便管理员对密码等个人信息进行管理,用户可以根据自己的实际需求,选择每隔一段时间,更新个人账户的用户名和密码,修改密码界面设计。

6. 用户管理
管理员可以通过选择用户管理,管理相关的用户信息记录,比如进行查看用户的联系电话、手机号、身份证等信息,修改用户的真实姓名,用户管理界面设计。

7. 公告管理
管理员可以通过选择公告管理,管理相关的公告信息记录,比如进行查看公告详情,删除错误的公告信息,发布公告等操作,公告管理。

8. 公告类型管理
管理员可以通过选择公告类型管理,管理相关的公告类型信息,比如查看所有公告类型,删除无用公告类型,修改公告类型,添加公告类型等操作,公告类型管理界面设计。

9. 管理员登录
管理员可以选择任一浏览器打开网址,输入信息无误后,以管理员的身份行使相关的管理权限,管理员登录界面设计。

10. 轮播图管理
管理员可以通过选择轮播图管理,管理相关的轮播图信息,比如查看所有轮播图信息,删除无用轮播图,修改轮播图名称,添加轮播图等操作,轮播图管理界面设计。

四、技术结构与学习重点
数据库与业务记录
主数据库脚本包含 12 张表。下表选取与购物车等业务相关的记录,列出表名和可在源码中直接查找的字段。
| 收货地址(address) | 创建用户(yonghu_id)、收货人(address_name)、电话(address_phone) |
|---|---|
| 商品评价(shangpin_commentback) | 商品(shangpin_id)、用户(yonghu_id)、评价内容(shangpin_commentback_text) |
| 购物车(cart) | 所属用户(yonghu_id)、商品(shangpin_id)、购买数量(buy_number) |
| 商品订单(shangpin_order) | 订单号(shangpin_order_uuid_number)、收货地址(address_id)、商品(shangpin_id) |
| 商品收藏(shangpin_collection) | 商品(shangpin_id)、用户(yonghu_id)、类型(shangpin_collection_types) |
页面与后端接口
以收货地址为例,后端入口位于 AddressController.java,接口前缀为 /address。可以对照 /address/page 和 /address/list 阅读对应的请求处理。
阅读详情或编辑页面时,可以沿着“创建用户”这个字段查找 yonghu_id,再对照 address 表核对保存位置。这样可以把页面显示的名称、请求参数和数据库字段对应起来。
五、部署入口与配置位置
将包含 pom.xml 的 zaixianshangpinjiaoyiwangzhan 工程导入开发工具,新建 MySQL 数据库并导入 db.sql。在 src/main/resources/config.properties 中按本地环境填写数据库地址、库名和账号。
使用 Maven 构建 WAR 后部署至兼容的 Tomcat,核对应用上下文。展示页入口可从 front/index.html 定位。单独运行或重建 Vue 页面时,还需检查前端接口地址是否指向同一应用。
首次进入项目,可先打开收货地址列表,选择一条已有记录,核对创建用户、收货人等资料。
六、配套资料清单
- 项目源码(zaixianshangpinjiaoyiwangzhan)
- MySQL 数据库脚本(db.sql)
- ppt.pptx
- 论文.doc
- 说明文档.txt
会员赠送权益
黄金会员自选 2 个项目,钻石会员累计自选 5 个项目;一次性赠送,不按天恢复。已领取项目可重复访问。
黄金升级钻石补足总额度;续费不重复赠送。每位付费会员共享有一次本地部署协助。








