鲜果超市产品系统

1.生鲜电商与即时零售高速渗透期，高频刚需、全品类、重体验、强地域属性四大特征
2.家庭采购主力 / 上班族 / 临时补货三类画像，下班买菜、周末囤货、多地址切换、淘宝地址迁移四个场景
3.把项目已有的功能对应到「浏览 → 选购 → 下单 → 收货」闭环的五个场景，重点突出收货地址管理（省市区级联 +淘宝地址一键导入）这一行业高频痛点

1.首页：轮播 Banner、分类导航、商品网格展示
2.商品分类：按品类聚合展示商品
3.商品搜索：关键词快速检索
4.商品详情：商品图片、价格、规格、库存，支持加入购物车
5.购物车：多选/全选、数量调整、勾选结算
6.订单结算：选择或新增收货地址、核对商品清单、提交订单
7. 订单管理：订单列表与订单详情查看
8.用户账号：注册、登录、退出登录
9.个人中心：账号信息、我的收藏、默认地址、订单入口
10.收货地址：新增/编辑/删除/设为默认；省市区三级级联选择；支持淘宝收货地址一键解析导入

1. 负责哪些具体任务？
我独立完成了整个项目从零到一的搭建与实现，具体包括：
① 使用 Vite 脚手架初始化 Vue3 项目并规划整体目录架构；
② 完成首页、分类、搜索、商品详情、购物车、订单结算、订单列表/详情、登录、注册、个人中心、收货地址共 12 个路由页面的开发；
③封装 ProductCard、PriceText、CategoryNav、AddressFormDialog 等复用组件；
④ 基于 Pinia 编写用户、购物车、订单三个状态模块并实现 localStorage 本地持久化；
⑤实现收货地址的省市区三级级联选择与「淘宝收货地址一键解析导入」；
⑥ 使用 Vitest 编写并跑通 19 个单元测试用例。
2. 项目使用了哪些技术栈、架构，实现上亮点、难点？
技术栈/架构： Vue3（Composition API + ）+ Element Plus + Pinia + Vue Router 4 + Vite，采用组件化 +
状态集中管理的架构，路由懒加载按页面分包，数据层为本地 mock + localStorage 持久化，纯前端即可完整演示电商闭环。
亮点：
收货地址模块的省市区级联与淘宝地址一键导入；自定义地址解析算法按「省→市→区」层级匹配，正确区分同名区县（如深圳南山区 vs
鹤岗南山区），并自动处理直辖市无市级的情况；状态模块统一持久化，刷新不丢数据。
难点：
一是淘宝地址解析中同名区县编码易串扰，需引入层级约束匹配；二是地址 id
用时间戳生成在同毫秒会冲突，需加递增序号；三是完整省市区数据体量较大，需配合路由分包控制首屏加载。