更新记录

1.1（2025-09-30） 下载此版本

业务流程

1. 用户注册流程

1. 用户进入登录页面
2. 选择微信登录或模拟登录
3. 系统获取用户基本信息
4. 判断是否为新用户
5. 新用户跳转到信息完善页面
6. 老用户直接进入首页

2. 信息完善流程

1. 用户填写基本信息
2. 上传个人照片
3. 选择兴趣爱好
4. 填写择偶要求
5. 提交表单验证
6. 保存信息并跳转到首页

3. 交友申请流程

1. 用户在首页或交友页面浏览用户
2. 点击"交友申请"按钮
3. 系统检查用户积分是否足够
4. 扣除积分并发送申请
5. 对方收到申请通知
6. 对方选择接受或拒绝
7. 双方建立联系

4. 盲盒匹配流程

1. 用户进入盲盒页面
2. 检查抽取次数限制
3. 点击抽取按钮
4. 系统随机匹配用户【年龄区间限制抽取】
5. 用户选择喜欢或不喜欢
6. 记录匹配结果

平台兼容性

恋爱吧 - 需求文档

项目概述

项目名称： 恋爱吧
项目类型： 基于uView UI的粉色系小清新婚恋交友H5应用
技术栈： Vue.js + uView UI + uni-app
项目描述： 一个专注于婚恋交友的移动端应用，提供用户匹配、交友申请、盲盒交友等功能

功能模块

1. 用户认证模块

1.1 登录页面 (pages/login/login.vue)

页面描述： 用户登录入口，支持微信登录和模拟用户登录

字段说明：

• 微信登录按钮： 调用微信授权获取用户信息
• 模拟用户登录： 用于测试的快速登录功能
• 用户信息存储： 登录成功后保存用户基本信息到本地存储

核心功能：

• 微信一键登录
• 模拟用户登录（测试用）
• 自动跳转到首页或信息完善页面

2. 主要功能页面

2.1 首页 (pages/tabBar/index.vue)

页面描述： 应用主页面，展示推荐用户列表，支持筛选和交友申请

字段说明：

• 推荐用户列表： 展示系统推荐的潜在匹配用户
• 用户基本信息： 昵称、年龄、身高、体重、民族、学历、现居住地
• 用户编号： 唯一标识用户的编号
• 认证标识： 显示用户是否已认证
• 筛选功能： 支持按年龄、民族、学历等条件筛选

核心功能：

• 自动打卡功能（每日签到获得积分）
• 用户筛选和搜索
• 发送交友申请
• 查看用户详细信息

2.2 交友页面 (pages/tabBar/list.vue)

页面描述： 管理交友关系，分为"我喜欢的"和"喜欢我的"两个标签页

字段说明：

• 我喜欢的： 用户主动发送交友申请的用户列表
• 喜欢我的： 对用户发送交友申请的用户列表
• 盲盒标识： 标识通过盲盒功能匹配的用户
• 操作按钮： 接受/拒绝申请、联系TA等操作

核心功能：

• 查看交友申请状态
• 接受或拒绝交友申请
• 管理交友关系

2.3 盲盒页面 (pages/tabBar/box.vue)

页面描述： 恋爱盲盒功能，随机匹配用户

字段说明：

• 盲盒抽取： 每周可免费抽取一次
• 匹配用户信息： 姓名、年龄、身高、体重、职业、居住地、个人简介
• 抽取限制： 防止频繁抽取的机制

核心功能：

• 随机匹配用户
• 喜欢/不喜欢操作
• 抽取次数限制

2.4 我的页面 (pages/tabBar/my.vue)

页面描述： 个人中心，展示用户信息和设置选项

字段说明：

• 用户头像： 个人照片展示
• 基本信息： 昵称、性别、年龄、身高、体重、民族、学历、编号
• 账户信息： 邀请码、积分
• 职业与收入： 工作、收入情况
• 居住信息： 现居住地、户籍地
• 资产情况： 房产、车产
• 兴趣爱好： 个人爱好标签
• 择偶要求： 对未来伴侣的要求

核心功能：

• 查看个人资料
• 设置菜单（修改资料、积分规则、联系客服、举报、退出登录、注销账号）

3. 用户信息管理

3.1 信息表单页面 (pages/user/infoForm.vue)

页面描述： 用户信息完善和编辑页面

字段说明：

• 邀请码： 新用户注册时填写（仅新用户显示）
• 身份选择： 本人/家长
• 基本信息： 昵称、照片、社交账号、性别、出生年月、身高、体重
• 民族： 汉族/回族等
• 学历： 小学到博士
• 工作： 职业类型选择
• 现居住： 居住地选择
• 收入： 收入范围选择
• 婚姻状况： 未婚/离异
• 父母情况： 已退休/未退休
• 资产情况： 房产、车产
• 兴趣爱好： 多选爱好标签
• 择偶要求： 文本输入

核心功能：

• 表单验证
• 照片上传
• 日期选择器
• 多选爱好选择
• 信息保存

3.2 用户详情页面 (pages/user/userInfo.vue)

页面描述： 查看其他用户或自己的详细信息

字段说明：

• 用户头像： 个人照片
• 基本信息： 昵称、性别、年龄、身高、体重、民族、学历、编号
• 职业与收入： 工作、收入
• 居住信息： 现居住地、户籍地
• 资产情况： 房产、车产
• 兴趣爱好： 爱好标签展示
• 择偶要求： 对未来伴侣的要求

核心功能：

• 查看用户详细信息
• 设置菜单入口

4. 辅助功能页面

4.1 积分规则页面 (pages/user/pointsRule.vue)

页面描述： 积分获取和使用规则说明

字段说明：

• 积分获取方式： 每日打卡、邀请好友等
• 积分使用方式： 发送交友申请等
• 积分小贴士： 使用建议和说明

4.2 举报页面 (pages/user/reportForm.vue)

页面描述： 用户举报违规内容

字段说明：

• 用户编号： 要举报的用户编号
• 举报描述： 详细描述违规内容
• 图片材料： 上传相关图片证据

核心功能：

• 图片上传（最多9张）
• 表单验证
• 举报提交

5. 组件功能

5.1 筛选菜单组件 (components/FilterMenu.vue)

功能描述： 用户筛选条件设置

字段说明：

• 编号： 用户编号输入
• 年龄： 年龄范围选择
• 民族： 民族筛选
• 学历： 学历筛选
• 房产： 房产情况筛选
• 车产： 车产情况筛选

5.2 设置菜单组件 (components/SettingsMenu.vue)

功能描述： 用户设置选项

功能选项：

• 修改资料
• 积分规则
• 联系客服
• 举报
• 退出登录
• 注销账号

5.3 打卡成功模态框 (components/PunchCardModal.vue)

功能描述： 显示打卡成功信息和积分奖励

字段说明：

• 累计积分： 用户总积分
• 可用招呼： 可用打招呼次数
• 积分奖励： 本次获得的积分

5.4 交友申请模态框 (components/FriendRequestModal.vue)

功能描述： 确认发送交友申请

字段说明：

• 申请说明： 交友申请的相关说明
• 确认/取消： 操作按钮

5.5 兴趣爱好选择器 (components/hobbySelector.vue)

功能描述： 选择和管理兴趣爱好

字段说明：

• 可选爱好： 预设的爱好选项
• 自定义爱好： 用户自定义添加的爱好
• 已选爱好： 当前选中的爱好列表

5.6 高级选择器 (components/advancedPicker.vue)

功能描述： 统一的选择器组件

支持类型：

• 学历选择
• 职业选择
• 居住地选择
• 收入选择
• 房产选择
• 车产选择
• 民族选择

数据模型

用户信息模型

{
  userId: String,           // 用户ID
  nickName: String,         // 昵称
  photo: Array,            // 照片列表
  gender: String,          // 性别 (0:男, 1:女)
  birthDate: Number,       // 出生日期时间戳
  height: String,          // 身高
  weight: String,          // 体重
  nation: String,          // 民族 (0:回族, 1:汉族)
  education: String,       // 学历
  job: String,            // 工作
  residence: String,       // 现居住地
  hukou: String,          // 户籍地
  income: String,         // 收入
  maritalStatus: String,   // 婚姻状况 (0:未婚, 1:离异)
  parentsStatus: String,   // 父母情况 (0:已退休, 1:未退休)
  house: String,           // 房产
  car: String,            // 车产
  hobbies: Array,         // 兴趣爱好
  partnerRequirements: String, // 择偶要求
  invitationCode: String,  // 邀请码
  points: Number,         // 积分
  isNewUser: Boolean,     // 是否新用户
  socialAccount: String,  // 社交账号
  identity: String        // 身份 (0:本人, 1:家长)
}

交友申请模型

{
  fromUserId: String,      // 申请人ID
  toUserId: String,        // 被申请人ID
  status: String,          // 状态 (pending:待处理, accepted:已接受, rejected:已拒绝)
  createTime: Number,      // 创建时间
  responseTime: Number     // 响应时间
}

业务流程

1. 用户注册流程

1. 用户进入登录页面
2. 选择微信登录或模拟登录
3. 系统获取用户基本信息
4. 判断是否为新用户
5. 新用户跳转到信息完善页面
6. 老用户直接进入首页

2. 信息完善流程

1. 用户填写基本信息
2. 上传个人照片
3. 选择兴趣爱好
4. 填写择偶要求
5. 提交表单验证
6. 保存信息并跳转到首页

3. 交友申请流程

1. 用户在首页或交友页面浏览用户
2. 点击"交友申请"按钮
3. 系统检查用户积分是否足够
4. 扣除积分并发送申请
5. 对方收到申请通知
6. 对方选择接受或拒绝
7. 双方建立联系

4. 盲盒匹配流程

1. 用户进入盲盒页面
2. 检查抽取次数限制
3. 点击抽取按钮
4. 系统随机匹配用户【年龄区间限制抽取】
5. 用户选择喜欢或不喜欢
6. 记录匹配结果

积分系统

积分获取规则

• 每日打卡： +10积分
• 邀请好友注册： +30积分/人

积分使用规则

• 发送交友申请： -10积分/次

积分限制

• 积分不足时无法发送交友申请
• 每日只能打卡一次
• 每周只能抽取盲盒一次