# your-mini-program

**Repository Path**: hldWang/your-mini-program

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-20
- **Last Updated**: 2024-11-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 缘 来是你小程序

## 项目介绍
这是一个微信小程序项目，用户可以在小程序中放入自己的信息，并随机获取一位异性用户的信息。

## 核心功能
1. **双盒子机制**
   - 同性别盒子：存放用户自己的信息
   - 异性盒子：用于随机获取异性信息

2. **信息投放**
   - 用户需要先选择性别
   - 只能在同性别盒子中放入信息
   - 每个用户只能放入一次
   - 放入后不可修改或删除

3. **信息获取**
   - 用户只能从异性盒子中随机获取一条信息
   - 每个用户只能获取一次
   - 获取后不可重复获取

## 技术架构
- 前端：微信小程序原生开发
- 后端：Node.js + Express
- 数据库：MySQL

## 数据库设计
### users（用户表）
| 字段名 | 类型 | 说明 |
|--------|------|------|
| id | int | 主键，自增 |
| openid | varchar(50) | 微信用户唯一标识 |
| gender | tinyint | 性别（1-男，2-女） |
| created_at | timestamp | 创建时间 |
| updated_at | timestamp | 更新时间 |

### user_profiles（用户资料表）
| 字段名 | 类型 | 说明 |
|--------|------|------|
| id | int | 主键，自增 |
| user_id | int | 关联users表的外键 |
| nickname | varchar(50) | 昵称 |
| age | int | 年龄 |
| height | int | 身高(cm) |
| education | varchar(50) | 学历 |
| occupation | varchar(100) | 职业 |
| location | varchar(100) | 所在地 |
| hobbies | text | 兴趣爱好 |
| self_intro | text | 自我介绍 |
| requirements | text | 择偶要求 |
| created_at | timestamp | 创建时间 |
| updated_at | timestamp | 更新时间 |

### matches（匹配记录表）
| 字段名 | 类型 | 说明 |
|--------|------|------|
| id | int | 主键，自增 |
| user_id | int | 获取信息的用户ID |
| matched_user_id | int | 被获取信息的用户ID |
| status | tinyint | 匹配状态（1-已匹配，2-已解除） |
| created_at | timestamp | 创建时间 |
| updated_at | timestamp | 更新时间 |

### 建表SQL语句

## API接口设计
### 用户相关
1. 用户登录
POST /api/user/login

#### 请求参数

### 获取匹配历史
GET /api/match/history

#### 请求参数（Query参数）

## 页面设计

### 1. 首页（盲盒大厅）
- 设计风格：简约现代，主色调使用温暖的粉色系(#FF9999)和纯净的白色(#FFFFFF)
- 布局：
  - 顶部：优雅的Logo设计和欢迎语
  - 中间：两个并排的3D盒子动画
    - 左边：同性别盒子（蓝色系#66CCFF）
    - 右边：异性盒子（粉色系#FF9999）
  - 底部：操作说明和引导文案
- 交互：
  - 盒子有轻微的悬浮动画效果
  - 点击盒子时有弹跳效果
  - 转场使用渐变动画

### 2. 个人信息填写页
- 设计风格：清新简洁，白底卡片式设计
- 布局：
  - 顶部：进度指示器
  - 中间：表单区域（圆角卡片）
    - 基本信息（必填项）
    - 详细信息（选填项）
    - 照片上传区（最多3张）
  - 底部：提交按钮（渐变色#FF9999到#FF6666）
- 交互：
  - 表单验证实时提示
  - 滑动切换不同信息模块
  - 照片上传预览功能

### 3. 盲盒抽取页
- 设计风格：趣味性强，带有惊喜感
- 布局：
  - 中心放置一个大型3D盒子
  - 周围漂浮着装饰性元素（爱心、星星等）
  - 抽取按钮醒目位置
- 交互：
  - 盒子3D旋转动画
  - 抽取时的开盒动画
  - 粒子效果展现

### 4. 匹配结果页
- 设计风格：浪漫唯美
- 布局：
  - 顶部：精美的匹配成功图标
  - 中间：对方信息卡片展示
    - 基本信息优先展示
    - 照片轮播展示
  - 底部：操作按钮组
    - 收藏
    - 关闭
- 交互：
  - 信息卡片翻转效果
  - 照片轮播手势支持
  - 收藏按钮心形动画

### 5. 个人中心页
- 设计风格：简约大气
- 布局：
  - 顶部：用户头像和基本信息
  - 中间：功能模块（网格布局）
    - 我的盲盒
    - 匹配记录
    - 收藏列表
    - 设置
  - 底部：退出登录按钮
- 交互：
  - 模块点击波纹效果
  - 下拉刷新动画
  - 顶部背景视差效果

### 配色方案
- 主色调：#FF9999（温暖粉）
- 辅助色：
  - #66CCFF（清新蓝）
  - #FFFFFF（纯白）
  - #333333（深灰文字）
- 功能色：
  - #FF6666（强调红）
  - #44BB44（成功绿）
  - #FF9900（警告橙）

### 字体方案
- 主标题：苹方-简-中黑，24px
- 副标题：苹方-简-准黑，18px
- 正文：苹方-简-规范，14px
- 说明文字：苹方-简-细，12px

### 交互规范
1. 动画持续时间：
   - 页面切换：300ms
   - 按钮反馈：150ms
   - 弹窗显示：200ms

2. 手势操作：
   - 支持下拉刷新
   - 支持左右滑动切换
   - 支持双指缩放照片

3. 反馈机制：
   - 操作成功：轻提示+成功图标
   - 操作失败：轻提示+失败图标
   - 加载中：自定义loading动画

4. 无障碍支持：
   - 适当的对比度
   - 合理的字体大小
   - 清晰的操作提示