全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)( 三 )
文章图片
■图9.10商品详情
5
●
修改商品
单击图9.4中的“修改”超链接(goods/detail(id=${gds.id},act=update))打开修改商品信息页面updateAGoods.html , 如图9.11所示 。 在图9.11中输入要修改的信息后 , 单击“提交”按钮 , 将商品信息提交给goods/addGoods?act=update处理 。
文章图片
■图9.11修改商品页面
6
●
删除商品
单击图9.4中“删除”超链接('java:deleteGoods('+${gds.id}+')')可实现单个商品的删除 。 成功删除(关联商品不允许删除)后 , 返回删除商品管理主页面 。
7
●
查询订单
单击后台管理主页面中“查询订单”超链接(selectOrder?currentPage=1) , 打开查询订单页面allOrder.html , 如图9.12所示 。
文章图片
■图9.12查询订单页面
8
●
用户管理
单击后台管理主页面中“用户管理”超链接(selectUser?currentPage=1) , 打开用户管理页面allUser.html , 如图9.13所示 。
单击图9.13中“删除”超链接('java:deleteUsers('+${u.id}+')')可删除未关联的用户 。
文章图片
■图9.13用户管理页面
“用户管理”与9.5.7“查询订单”的实现方式基本一样 , 不再赘述 。
9
●
安全退出
在后台管理主页面中 , 单击“安全退出”超链接(loginOut) , 将返回后台登录页面 。 系统根据@RequestMapping注解找到对应控制器类com.ch.ebusiness.controller.admin.UserAndOrderAndOutController的loginOut方法处理请求 。 在loginOut方法中执行session.invalidate将session失效 , 并返回后台登录页面 。 具体代码如下:
05
前台电子商务子系统的实现
游客具有浏览首页、查看商品详情和搜索商品等功能 。 成功登录的用户除具有游客具有的功能外 , 还具有购买商品、查看购物车、收藏商品、查看我的订单以及用户信息的功能 。
1
●
导航栏及首页搜索
在前台每个HTML页面中 , 都引入了一个名为header.html的页面 , 引入代码如下:
div>header.html中的商品类型以及广告区域的商品信息都是从数据库中获取 。 header.html页面的运行效果如图9.14所示 。
■图9.14导航栏
在导航栏的搜索框中输入信息 , 单击“搜索”按钮 , 将搜索信息提交给search请求处理 , 系统根据@RequestMapping注解找到com.ch.ebusiness.controller.before.IndexController控制器类的search方法处理请求 。 并将搜索到的商品信息转发给searchResult.html 。 searchResult.html页面的运行效果如图9.15所示 。
文章图片
■图9.15搜索结果
2
●
推荐商品及最新商品
推荐商品是根据商品表中的字段isRecommend值判断的 。 最新商品是以商品ID排序的 , 因为商品ID是用MySQL自动递增产生的 。
3
●
用户注册
单击导航栏的“注册”超链接(user/toRegister) , 将打开注册页面register.html , 如图9.16所示 。
文章图片
■图9.16注册页面
4
●
用户登录
用户注册成功后 , 跳转到登录页面login.html , 如图9.17所示 。
文章图片
■图9.17登录页面
5
●
- 软件开发|ARM做梦也没料到,华为找到了“架构备胎”,网友:干得好!
- ARM|嵌入式开发:使用ITM提高调试效率
- 玩游戏更流畅了?微信开发工具更新:文件读写速度更快
- 艾瑞咨询与华为开发者联盟联合发布《2022年移动应用出海趋势洞察白皮书》(以下简称“白皮...|移动应用出海趋势:游戏掘金恰逢其时
- 阿里巴巴|下载量破千万!阿里巴巴的Java性能调优实战手册,超详细
- 今年的WWDC22全球开发者大会将在北京时间6月7日凌晨01:00举行|iOS 16 要来了,带你提前看完下周 WWDC 的 10+
- 腾讯|围观 | 谷歌开发者看过来,一文领略 Google Play 新功能
- 检测项目|痛惜年轻师妹患癌离世 南大学霸开发免费AI癌症诊疗系统
- 软件|嵌入式开发:使用ITM提高调试效率
- 华中大硕士,开发软件赚1200万,被马化腾挖走,身家140亿