# firstWechatProject

**Repository Path**: chenye_cafeteria/firstWechatProject

## Basic Information

- **Project Name**: firstWechatProject
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-03
- **Last Updated**: 2026-05-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 三宝灸馆小程序

基于三宝灸馆H5页面重构的微信小程序版本，保留新中式禅意风格，提供完整的预约、商城、会员功能。

## 功能模块

### 首页 (pages/index/)
- 品牌Banner展示
- 快捷入口：服务项目、调理师、会员卡、商城
- 热门服务推荐
- 调理师推荐
- 会员余额展示

### 服务项目 (pages/services/)
- 类型筛选：全部、纯手法、艾灸、拨筋、松解、砭法、推拿
- 服务卡片展示
- 快速预约入口

### 服务详情 (pages/service-detail/)
- 服务介绍和适用人群
- 会员折扣价展示
- 推荐调理师
- 立即预约按钮

### 调理师 (pages/therapists/)
- 调理师列表卡片
- 擅长项目标签
- 预约状态指示
- 直接预约功能

### 预约流程 (pages/booking/)
- 四步流程：选择调理师 → 选择服务 → 选择时间 → 确认预约
- 日历选择器
- 时间段选择
- 价格计算（含会员折扣）

### 预约成功 (pages/booking-success/)
- 预约信息汇总
- 温馨提示

### 商城 (pages/shop/)
- 艾灸产品展示
- 加入购物车

### 购物车 (pages/cart/)
- 数量增减
- 删除商品
- 去结算

### 会员中心 (pages/member/)
- 会员卡展示
- 充值有礼
- 会员权益说明

### 充值 (pages/recharge/)
- 三档充值选择：3000(9折)、5000(8折)、10000(7折)
- 充值说明

### 我的 (pages/mine/)
- 用户信息
- 会员卡片
- 统计数据
- 预约/充值/消费记录

## 技术特点

- **框架**：原生小程序开发
- **样式**：新中式禅意风格，主色调 #8B6914（暖棕）
- **支付**：支持模拟支付模式（开发调试用）
- **存储**：本地Storage存储用户数据

## 项目结构

```
用户上传/养生馆小程序/
├── app.js                    # 小程序入口
├── app.json                  # 全局配置
├── app.wxss                  # 全局样式
├── project.config.json       # 项目配置
├── sitemap.json              # sitemap配置
├── utils/
│   ├── request.js            # 网络请求封装
│   ├── util.js               # 通用工具函数
│   └── md5.js                # MD5签名
├── images/                   # 图标资源
└── pages/
    ├── index/                # 首页
    ├── services/             # 服务项目
    ├── service-detail/       # 服务详情
    ├── therapists/           # 调理师
    ├── booking/              # 预约流程
    ├── booking-success/      # 预约成功
    ├── shop/                 # 商城
    ├── cart/                 # 购物车
    ├── member/               # 会员中心
    ├── recharge/             # 充值
    └── mine/                 # 我的
```

## 导入运行

### 1. 打开微信开发者工具

下载并安装 [微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)

### 2. 导入项目

1. 打开微信开发者工具
2. 点击「导入项目」
3. 选择项目目录：`用户上传/养生馆小程序`
4. AppID：输入你的小程序AppID（可使用测试号）

### 3. 配置说明

#### tabBar图标

项目中已预置占位图标，如需替换为真实图标：

1. 准备PNG格式图标，建议尺寸 81x81 像素
2. 替换 `images/` 目录下的文件：
   - `home.png` / `home-active.png`
   - `service.png` / `service-active.png`
   - `shop.png` / `shop-active.png`
   - `mine.png` / `mine-active.png`

#### 后端API配置

如需连接真实后端，修改 `app.js` 中的API地址：

```javascript
// 用户上传/养生馆小程序/app.js
globalData: {
  apiBaseUrl: 'https://your-server.com', // 修改为你的后端地址
  // ...
}
```

## 支付配置

小程序支持两种支付方案：

### 方案一：模拟支付（默认）
- 开发模式下自动启用
- 支付金额直接到账，无真实支付
- 适合开发测试

### 方案二：虎皮椒支付
1. 注册 [虎皮椒支付](https://www.xunhupay.com/)
2. 在后端配置商户号和密钥
3. 修改 `用户上传/养生馆后端/config.js` 中的配置
4. 小程序中配置业务域名

## 数据结构

### 服务项目
| 字段 | 类型 | 说明 |
|------|------|------|
| id | number | 服务ID |
| name | string | 服务名称 |
| price | number | 原价 |
| duration | number | 时长(分钟) |
| type | string | 类型 |

### 调理师
| 字段 | 类型 | 说明 |
|------|------|------|
| id | number | 调理师ID |
| name | string | 姓名 |
| avatar | string | 头像emoji |
| specialties | array | 擅长项目 |
| available | boolean | 是否可预约 |

### 会员折扣
| 累计余额 | 折扣 | 等级 |
|---------|------|------|
| < 3000 | 100% | 普通会员 |
| 3000+ | 90% | 白银会员 |
| 5000+ | 80% | 黄金会员 |
| 10000+ | 70% | 金钻会员 |

## 注意事项

1. **tabBar图标**：小程序要求tabBar图标必须是实际存在的图片文件
2. **域名配置**：如需调用后端API，需在小程序后台配置合法域名
3. **支付资质**：个人小程序无法使用微信支付，需使用H5支付跳转方案
4. **图片资源**：建议替换占位图标为真实品牌图标

## 后端服务

配套后端服务位于 `用户上传/养生馆后端/`，包含：
- 订单管理API
- 虎皮椒支付集成
- 会员管理API

## 许可

本项目仅供学习参考使用。