全栈开发实战|电子商务平台的设计与实现(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处理 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.11修改商品页面
6

删除商品
单击图9.4中“删除”超链接('java:deleteGoods('+${gds.id}+')')可实现单个商品的删除 。 成功删除(关联商品不允许删除)后 , 返回删除商品管理主页面 。
7

查询订单
单击后台管理主页面中“查询订单”超链接(selectOrder?currentPage=1) , 打开查询订单页面allOrder.html , 如图9.12所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.12查询订单页面
8

用户管理
单击后台管理主页面中“用户管理”超链接(selectUser?currentPage=1) , 打开用户管理页面allUser.html , 如图9.13所示 。
单击图9.13中“删除”超链接('java:deleteUsers('+${u.id}+')')可删除未关联的用户 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图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所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.15搜索结果
2

推荐商品及最新商品
推荐商品是根据商品表中的字段isRecommend值判断的 。 最新商品是以商品ID排序的 , 因为商品ID是用MySQL自动递增产生的 。
3

用户注册
单击导航栏的“注册”超链接(user/toRegister) , 将打开注册页面register.html , 如图9.16所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.16注册页面
4

用户登录
用户注册成功后 , 跳转到登录页面login.html , 如图9.17所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.17登录页面
5