Vue Shop 是一个使用 Vue + Vite 构建的中后台项目,具有以下特点:
- 技术栈
- Vue 3 - 使用 Composition API 的最新 Vue 版本,代码组织更加合理。
- Vite - 新一代前端构建工具,拥有极快的热更新速度。
- Vue Router - 处理组件的路由和导航。
- Pinia - 轻量简洁的状态管理方案。
- TypeScript - 提供静态类型检查,减少错误。
- 功能模块
- 首页 - 商品展示和搜索
- 商品页 - 商品图片、价格、描述等详情信息
- 购物车 - 将商品添加和删除购物车、调整数量
- 订单 - 提交订单、选择收货地址、查看订单状态
- 用户中心 - 查看个人信息、订单、收藏等
- 登录/注册 - 用户认证和授权相关页面
- 技术架构
- 清晰的目录结构,容易扩展
- 共用的 UI 组件进行抽离
- 单独管理接口请求模块
- 使用路由懒加载提高访问速度
- 优化方案
- 接口 Mock 支持独立开发
- Docker 容器化部署,方便 CI/CD
- ESLint 统一代码质量标准
- Jest 单元测试,保证稳定性
- 真实业务
- 包含完整的用户、商品、订单等数据
- 支持用户注册、登录体系
- 可用于实战项目原型开发
开源地址：chuzhixin · GitHub