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


商品详情
可以从推荐商品、最新商品、广告商品以及搜索商品结果等位置处 , 单击商品图片进入商品详情页面goodsDetail.html , 如图9.18所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.18商品详情页面
6

收藏商品
登录成功的用户可以在商品详情页面、首页以及搜索商品结果页面 , 单击“加入收藏”按钮收藏该商品 。 此时 , 请求路径为cart/focus(Ajax实现) 。 系统根据@RequestMapping注解找到com.ch.ebusiness.controller.before.CartController控制器类的focus方法处理请求 。
7

购物车
单击商品详情页面中的“加入购物车”按钮或导航栏中的“我的购物车”超链接 , 打开购物车页面cart.html , 如图9.19所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图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所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.20订单确认
在订单确认页面单击“提交订单”按钮 , 完成订单提交 。 订单完成时 , 提示页面效果如图9.21所示 。
■图9.21订单提交完成页面
单击图9.21中“去支付”完成订单支付 。
9

个人信息
成功登录的用户 , 在导航栏的上方 , 单击“个人信息”超链接(cart/userInfo) , 进入用户修改密码页面userInfo.html , 如图9.22所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.22用户修改密码页面
10

我的收藏
成功登录的用户 , 在导航栏的上方 , 单击“我的收藏”超链接(cart/myFocus) , 进入用户收藏页面myFocus.html , 如图9.23所示 。
■图9.23用户收藏页面
11

我的订单
成功登录的用户 , 在导航栏的上方 , 单击“我的订单”超链接(cart/myOder) , 进入用户订单页面myOrder.html , 如图9.24所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图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
精彩推荐