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


8.订单详情
包括订单编号、商品编号以及购买数量 。 其中 , 订单编号与“7.订单基础信息”关联 , 商品编号与“4.商品”关联 。
根据以上的数据结构 , 结合数据库设计的特点 , 可以画出如图9.3所示的数据库概念结构图 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.3数据库概念结构图
2

数据库逻辑结构设计
将数据库概念结构图转换为MySQL数据库所支持的实际数据模型 , 即数据库的逻辑结构 。
管理员信息表(ausertable)的设计 , 如表9.1所示 。
■表9.1管理员信息表
用户信息表(busertable)的设计 , 如表9.2所示 。
■表9.2用户信息表
商品类型表(goodstype)的设计 , 如表9.3所示 。
■表9.3商品类型表
商品信息表(goodstable)的设计 , 如表9.4所示 。
■表9.4商品信息表
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
购物车表(carttable)的设计 , 如表9.5所示 。
■表9.5购物车表
商品收藏表(focustable)的设计 , 如表9.6所示 。
■表9.6关注表
订单基础表(orderbasetable)的设计 , 如表9.7所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)】■表9.7订单基础表
订单详情表(orderdetail)的设计 , 如表9.8所示 。
■表9.8订单详情表
03
HTML页面及静态资源管理
1

后台管理子系统
管理员在浏览器的地址栏中输入http://localhost:8080/eBusiness/admin/toLogin访问登录页面 , 登录成功后 , 进入后台商品管理主页面(adminGoods.html) , adminGoods.html的运行效果如图9.4所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.4后台商品管理主页面
2

电子商务子系统
注册用户或游客在浏览器的地址栏中输入http://localhost:8080/eBusiness可以访问电子商务子系统的首页(index.html) , index.html的运行效果如图9.5所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.5电子商务子系统的首页
04
后台管理子系统的实现
1

管理员登录
管理员输入用户名和密码后 , 系统将对管理员的用户名和密码进行验证 。 如果用户名和密码同时正确 , 则成功登录 , 进入后台商品管理主页面(adminGoods.html);如果用户名或密码有误 , 则提示错误 。
login.html页面提供登录信息输入的界面 。 效果如图9.6所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.6管理员登录界面
2

类型管理
管理员登录成功后 , 管理商品类型 。 类型管理分为添加类型和删除类型 , 如图9.7所示 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■图9.7类型管理
3

添加商品
单击图9.4中“添加商品”超链接打开如图9.9所示的“添加商品”页面 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)
文章图片
■9.9添加商品
4

查询商品
管理员登录成功后 , 进入如图9.4所示的后台管理子系统主页面 , 在主页面中单击“详情”链接 , 显示如图9.10所示的详情页面 。
全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)