37 lines
1.6 KiB
Markdown
37 lines
1.6 KiB
Markdown
# 消费者端 (Consumer) 项目文档
|
|
|
|
## 1. 项目概况
|
|
本项目是基于 UniApp X (UTS) 开发的医疗商城消费者前端应用。后端接入 Supabase (PostgreSQL) 数据库。
|
|
主要功能涵盖商品浏览、智能分类、品牌甄选、购物车、订单管理、钱包支付及充值提现等功能。
|
|
|
|
## 2. 技术栈
|
|
- **框架**: UniApp X (Vue 3 + UTS)
|
|
- **语言**: TypeScript (UTS Dialect)
|
|
- **数据库**: Supabase (PostgreSQL)
|
|
- **UI布局**: Flexbox + CSS (支持移动端和桌面端响应式适配)
|
|
|
|
## 3. 目录结构
|
|
```
|
|
pages/mall/consumer/
|
|
├── index.uvue # 首页 (智能分类/品牌甄选/热销)
|
|
├── search.uvue # 搜索页 (支持关键词、扫码、品牌筛选)
|
|
├── category.uvue # 分类详情页
|
|
├── product-detail.uvue # 商品详情页
|
|
├── cart.uvue # 购物车
|
|
├── checkout.uvue # 结算页
|
|
├── orders.uvue # 订单列表
|
|
├── order-detail.uvue # 订单详情
|
|
├── wallet.uvue # 我的钱包 (余额/充值/提现入口)
|
|
├── withdraw.uvue # 提现页面
|
|
└── profile.uvue # 个人中心
|
|
```
|
|
|
|
## 4. 快速开始
|
|
1. 确保 Supabase 数据库已初始化（运行 `doc_mall/consumer/sql/` 下的 SQL 脚本）。
|
|
2. 在 HBuilderX 中打开 `package.json` 或 `manifest.json` 配置 AppID。
|
|
3. 运行项目至 Android/iOS 模拟器或 Chrome 浏览器。
|
|
|
|
## 5. 文档索引
|
|
- [功能说明书](./功能说明书.md) - 详细的用户侧功能描述
|
|
- [技术开发文档](./技术开发文档.md) - 开发架构、核心逻辑与数据库交互说明
|