迪迦

功能页： 首页 (Home):全屏 Hero 区域（动态背景网格 + 霓虹光效）+ 实时在线人数指示器 + 6 大核心卖点卡片 + CTA（新用户免费 2 小时） 服务页 (Services):6 类服务详解（PC 游戏区 / VR 体验 / 主机 Lounge / 电竞竞技场 / 私人派对房 / PC 维修组装），每项含价格/功能列表/预约按钮 价格页 (Pricing):三级会员方案（Casual $5/hr / Pro $39/月 / Elite $89/月），功能对比列表，高亮推荐方案 位置页 (Location):Google Maps 嵌入区 + 地址/交通/营业时间信息卡片 预约页 (Contact):完整预约表单（姓名/邮箱/服务类型/日期时间/备注）+ 预约政策说明 + 联系方式 业务流程： 用户进入首页 → 浏览服务项目 → 查看会员价格方案 → 选择服务类型 → 填写预约表单（选择日期时间）→ 提交 → 收到确认页面。导航栏固定吸顶，支持桌面/移动端切换。

BabyCare 是主打婴幼儿护理产品的品牌官网，面向 0-24 个月婴幼儿家长，主要用于展示品牌全线产品、塑造品牌信任感、引导用户咨询与购买，打造一站式母婴产品浏览与咨询服务平台。 核心功能模块 首页：包含品牌主视觉展示、产品分类导航、热销商品展示、用户口碑评价以及转化引导模块。 产品页：展示 9 款核心产品，支持喂养、服装、育儿、尿布、玩具多维度分类筛选，具备加入购物车交互功能。 关于页：展示品牌发展故事、品牌核心理念，涵盖有机材质、合规采购、安全检测、可持续发展优势，同时展示品牌团队信息。 服务页：提供月度母婴订阅礼盒、婴儿信息登记、线上儿科咨询、育儿专题工坊、产品以旧换新、定制礼品服务等特色功能。 博客页：展示 4 篇专业育儿资讯文章，自带发布日期、内容分类、内容摘要信息。 联系页：配置完整咨询表单，可填写姓名、邮箱、主题、留言内容；同时展示品牌官方邮箱、联系电话、门店地址与营业时间等企业信息。 业务流程 用户访问网站首页，浏览产品分类，查看对应产品详情，可将商品加入购物车，数据通过本地存储持久化保存，用户可提交咨询表单并获取提交成功反馈。全站采用统一导航体系，顶部导航固定展示，移动端适配汉堡折叠菜单，实现全页面流畅跳转与访问。

1、立项背景和目标 搭建一套功能完善的全栈电商购物车演示系统，完整实现前端商品浏览到后端数据持久存储的全技术流程。项目一方面为有电商开发需求的客户提供可复用、可参考的落地方案，另一方面用作全栈开发能力的展示案例。系统内置商品检索筛选、购物车增删改查、跨会话数据持久保存等电商核心能力。 2、软件功能、核心功能模块介绍 产品浏览模块：内置 12 款演示商品，分为电子、服饰、家居、运动四大品类；支持关键词检索、分类筛选、价格与名称排序；商品卡片展示商品评分、库存数量、可视化图标。 购物车模块：支持商品加入购物车并自动校验库存、调整商品数量、单独删除商品、一键清空购物车，实时计算商品小计与订单总金额；依托会话标识机制，实现购物车数据跨页面、跨访问会话持久保存。 后端 API 服务：采用 RESTful 接口规范，共开发 7 个接口，包含 GET、POST、PATCH、DELETE 多种请求方式；接口覆盖商品列表、商品详情、商品分类、购物车增删改查功能，统一使用 JSON 格式返回数据，规范 HTTP 状态码。 首页展示模块：包含品牌宣传主视觉区域、品类快捷导航入口、高分优质商品推荐、项目技术架构展示板块。 3、业务流程、功能路径描述 用户访问网站首页，浏览品类导航或平台推荐商品，跳转至商品列表页面，可使用搜索、筛选、排序功能查找目标商品；点击商品加入购物车，商品数据绑定当前会话标识存入 SQLite 数据库，页面购物车图标实时更新商品数量；用户打开购物车页面，可修改商品数量、删除商品、查看订单金额汇总，选择继续选购商品或进入结算演示页面。