鞋款与尺码分别管理
商品信息与尺码库存通过关联记录组织，同一鞋款可以提供多个可选尺码。
03 / Web 应用
运动鞋商城
围绕商品浏览、购物车与订单，实践完整的 Web 业务流程。
01
项目概览
02
视频介绍
1 个视频可观看观看商城的实际操作录屏，了解商品浏览、尺码选择与购物流程。
03
项目画面
3 个典型画面从首页、商品列表到商品详情，查看运动鞋商城的主要界面。点击图片可放大查看。
04
主要功能
围绕选购与管理两种场景，组织商品、购物车、订单和基础运营功能。
05
系统架构
用户端与管理端共用业务接口，由后端组织商品、购物车和订单数据。
从选购到订单逻辑架构
用户端Nuxt 3 · Vue 3
商品 / 收藏 / 购物车 / 订单
管理端Element Plus · ECharts
商品与库存维护 / 订单 / 数据概览
HTTP 请求 · JSON 数据
业务接口Node.js · Express
用户登录 / 商品查询 / 加购与结算 / 订单流转
通过 mysql2 读写关联数据
MySQL
用户 / 商品 / 尺码库存 / 收藏 / 购物车 / 订单与明细
按用户、商品与尺码加购
加购时查找已有记录，同款同码累加数量，不同尺码保留独立条目。
订单与商品明细分别保存
从选中的购物车条目建立订单，明细保存购买时的价格、数量和尺码关联。