全栈开发实战｜电子商务平台的设计与实现（Spring Boot + MyBatis + Thymeleaf）( 四 )

商品详情
可以从推荐商品、最新商品、广告商品以及搜索商品结果等位置处，单击商品图片进入商品详情页面goodsDetail.html ，如图9.18所示。

文章图片
■图9.18商品详情页面
6
●
收藏商品
登录成功的用户可以在商品详情页面、首页以及搜索商品结果页面，单击“加入收藏”按钮收藏该商品。此时，请求路径为cart/focus（Ajax实现）。系统根据@RequestMapping注解找到com.ch.ebusiness.controller.before.CartController控制器类的focus方法处理请求。
7
●
购物车
单击商品详情页面中的“加入购物车”按钮或导航栏中的“我的购物车”超链接，打开购物车页面cart.html ，如图9.19所示。

文章图片
■图9.19购物车
与购物车有关的处理请求有cart/putCart（加入购物车）、cart/clearCart（清空购物车）、cart/selectCart（查询购物车）和cart/deleteCart（删除购物车）。系统根据@RequestMapping注解分别找到com.ch.ebusiness.controller.before.CartController控制器类的putCart、clearCart、selectCart、deleteCart等方法处理请求。
8
●
下单
在购物车页面单击“去结算”按钮，进入订单确认页面count.html ，如图9.20所示。

文章图片
■图9.20订单确认
在订单确认页面单击“提交订单”按钮，完成订单提交。订单完成时，提示页面效果如图9.21所示。
■图9.21订单提交完成页面
单击图9.21中“去支付”完成订单支付。
9
●
个人信息
成功登录的用户，在导航栏的上方，单击“个人信息”超链接（cart/userInfo），进入用户修改密码页面userInfo.html ，如图9.22所示。

文章图片
■图9.22用户修改密码页面
10
●
我的收藏
成功登录的用户，在导航栏的上方，单击“我的收藏”超链接（cart/myFocus），进入用户收藏页面myFocus.html ，如图9.23所示。
■图9.23用户收藏页面
11
●
我的订单
成功登录的用户，在导航栏的上方，单击“我的订单”超链接（cart/myOder），进入用户订单页面myOrder.html ，如图9.24所示。

文章图片
■图9.24用户订单页面
单击图9.24中的“查看详情”超链接（'cart/orderDetail?id='+${order.id}），进入订单详情页面orderDetail.html ，如图9.25所示。
■图9.25
06
小结
本文讲述了电子商务平台通用功能的设计与实现。通过本章的学习，读者不仅掌握SpringBoot应用开发的流程、方法和技术，还应该熟悉电子商务平台的业务需求、设计以及实现。
SSM+SpringBoot+Vue.js3
全栈开发从入门到实战
精彩回顾
SSM框架整合开发
使用IntelliJIDEA快速构建SpringBoot应用
SpringBoot文件上传与下载
使用VisualStudioCode开发第一个Vue程序
Vue进阶——使用静态模块打包工具webpack
名片管理系统的设计与实现（SSM+JSP）
下期预告
人事管理系统的设计与实现（SpringBoot+Vue3+MyBatis）
?
07
参考书籍
《SSM+SpringBoot+Vue.js3全栈开发从入门到实战（微课视频版）》
作者：陈恒李正光
定价：99.80元
08
精彩推荐