全栈开发实战|电子商务平台的设计与实现(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
精彩推荐
- 软件开发|ARM做梦也没料到,华为找到了“架构备胎”,网友:干得好!
- ARM|嵌入式开发:使用ITM提高调试效率
- 玩游戏更流畅了?微信开发工具更新:文件读写速度更快
- 艾瑞咨询与华为开发者联盟联合发布《2022年移动应用出海趋势洞察白皮书》(以下简称“白皮...|移动应用出海趋势:游戏掘金恰逢其时
- 阿里巴巴|下载量破千万!阿里巴巴的Java性能调优实战手册,超详细
- 今年的WWDC22全球开发者大会将在北京时间6月7日凌晨01:00举行|iOS 16 要来了,带你提前看完下周 WWDC 的 10+
- 腾讯|围观 | 谷歌开发者看过来,一文领略 Google Play 新功能
- 检测项目|痛惜年轻师妹患癌离世 南大学霸开发免费AI癌症诊疗系统
- 软件|嵌入式开发:使用ITM提高调试效率
- 华中大硕士,开发软件赚1200万,被马化腾挖走,身家140亿