全栈开发实战|电子商务平台的设计与实现(Spring Boot + MyBatis + Thymeleaf)( 二 )
8.订单详情
包括订单编号、商品编号以及购买数量 。 其中 , 订单编号与“7.订单基础信息”关联 , 商品编号与“4.商品”关联 。
根据以上的数据结构 , 结合数据库设计的特点 , 可以画出如图9.3所示的数据库概念结构图 。
文章图片
■图9.3数据库概念结构图
2
●
数据库逻辑结构设计
将数据库概念结构图转换为MySQL数据库所支持的实际数据模型 , 即数据库的逻辑结构 。
管理员信息表(ausertable)的设计 , 如表9.1所示 。
■表9.1管理员信息表
用户信息表(busertable)的设计 , 如表9.2所示 。
■表9.2用户信息表
商品类型表(goodstype)的设计 , 如表9.3所示 。
■表9.3商品类型表
商品信息表(goodstable)的设计 , 如表9.4所示 。
■表9.4商品信息表
文章图片
购物车表(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所示 。
文章图片
■图9.4后台商品管理主页面
2
●
电子商务子系统
注册用户或游客在浏览器的地址栏中输入http://localhost:8080/eBusiness可以访问电子商务子系统的首页(index.html) , index.html的运行效果如图9.5所示 。
文章图片
■图9.5电子商务子系统的首页
04
后台管理子系统的实现
1
●
管理员登录
管理员输入用户名和密码后 , 系统将对管理员的用户名和密码进行验证 。 如果用户名和密码同时正确 , 则成功登录 , 进入后台商品管理主页面(adminGoods.html);如果用户名或密码有误 , 则提示错误 。
login.html页面提供登录信息输入的界面 。 效果如图9.6所示 。
文章图片
■图9.6管理员登录界面
2
●
类型管理
管理员登录成功后 , 管理商品类型 。 类型管理分为添加类型和删除类型 , 如图9.7所示 。
文章图片
■图9.7类型管理
3
●
添加商品
单击图9.4中“添加商品”超链接打开如图9.9所示的“添加商品”页面 。
文章图片
■9.9添加商品
4
●
查询商品
管理员登录成功后 , 进入如图9.4所示的后台管理子系统主页面 , 在主页面中单击“详情”链接 , 显示如图9.10所示的详情页面 。
- 软件开发|ARM做梦也没料到,华为找到了“架构备胎”,网友:干得好!
- ARM|嵌入式开发:使用ITM提高调试效率
- 玩游戏更流畅了?微信开发工具更新:文件读写速度更快
- 艾瑞咨询与华为开发者联盟联合发布《2022年移动应用出海趋势洞察白皮书》(以下简称“白皮...|移动应用出海趋势:游戏掘金恰逢其时
- 阿里巴巴|下载量破千万!阿里巴巴的Java性能调优实战手册,超详细
- 今年的WWDC22全球开发者大会将在北京时间6月7日凌晨01:00举行|iOS 16 要来了,带你提前看完下周 WWDC 的 10+
- 腾讯|围观 | 谷歌开发者看过来,一文领略 Google Play 新功能
- 检测项目|痛惜年轻师妹患癌离世 南大学霸开发免费AI癌症诊疗系统
- 软件|嵌入式开发:使用ITM提高调试效率
- 华中大硕士,开发软件赚1200万,被马化腾挖走,身家140亿