1、登录页面
◆平台使用注册用户名登录
◆输入密码
◆验证码(动态验证码)
◆确认登录
备注:已注册用户可通过登录界面直接填写个人登录信息登录平台。
2、注册用户
◆会员注册
进入登录注册页面。
(通过输入网址或推荐人链接地址打开登录页,推荐人链接只有业务员账号【后端账号】有。)
需要注册字段为:
(1)邮箱注册(不可重复注册)
(2)用户名(不可重复注册)
(3)动态验证码(防止流量注册)
(4)设置密码(确认密码)
(5)生日日期录入:年、月、日
备注:注册信息均为必填项,如有缺失将无法注册。
推荐人邀请,可通过获取推荐人注册信息链接。
3、找回密码(修改密码)
◆注册邮箱找回密码
◆邮箱验证发送
◆邮箱收到重置密码链接
◆重新设置密码
◆确认密码
用户账号
1、个人设置
◆完善资料:编辑头像、昵称、用户名(不可修改)、性别(只能是男,不可修改)、出生日期、工作、国家、语言、身高、体重、兴趣爱好、交友格言。
◆用户级别:【普通会员】/【高级会员】/【VIP会员】(会员权限见方案下文)
◆账号余额:显示金币数量
◆隐私设置:
主页是否公开:是/否
显示在线状态:是/否
好友申请是否需要验证:是/否
◆通知内容(右上角的铃铛):
有新的其他人关注提醒:是/否
有新访客提醒:是/否
收到礼物提醒:是/否
2、个人主页
◆我的相册:上传图片。(图片数量根据会员级别设置权限。级别设置见下文)
◆个人动态:发布个人动态。
◆收到礼物:展示其他会员赠送的礼物。(礼物都是虚拟的,没有真实的)
◆我的交友:列表展示我的好友信息,点击可进入好友详情页,查看好友空间信息。
3、模块设计
◆账号余额:显示账号金币数量。
◆会员升级:通过支付接口付费或账户余额付费升级会员级别。
◆充值金币:给账号充值金币。
◆资金明细:展示账号充值和消费记录数据。
◆特权说明:固定文本(文本要分多语言切换)
◆帮助中心:固定文本(文本要分多语言切换)
◆我的私信:展示和其他会员私信内容,并给其他会员发送私信。
◆喜欢我的人:关注此账号的其他会员,头像列表展示。
◆我喜欢的人:此账号关注的其他会员,头像列表展示。
◆互相喜欢:相互关注的会员,头像列表展示。
◆收到礼物:跳转【个人主页】-【收到礼物】模块。
◆访客信息:展示访问此账号个人主页的其他账号头像。按照时间线展示。并且显示总访问量和当日访问量。
4、消息模块
◆好有申请:展示此账号收到的关注申请,可操作添加好有或删除消息。
◆消息通知:展示新人关注、新访客以及收到礼物消息。
5、大厅模块
◆偶遇:
(1)展示平台其他会员,头像列表展示。
(2)精准筛选:国家删选、性别筛选、年龄筛选、语言筛选、身高筛选、体重筛选和职业筛选。
(3)状态筛选(结果只有女性):最新、在线和推荐
等等...
后端以PHP为核心,采用Yii2框架搭建基础架构,搭配Ratchet实现WebSocket实时通信,集成Redis进行数据缓存优化,接入PayPal完成支付功能对接,同时运用qcloud/cos-sdk-v5与qcloud_sts/qcloud-sts-sdk实现腾讯云对象存储及权限管理,充分发挥各技术优势,实现高效开发、灵活扩展,大幅提升开发效率并降低后期维护成本;前端采用Vue作为核心框架,搭配Element Plus、Bootstrap5、Vant构建美观易用的多端界面,通过Axios实现前后端数据交互,借助ECharts完成数据可视化展示,全方位满足社交场景下的交互需求与视觉体验;针对社交场景下的实时聊天、消息推送需求,通过Ratchet封装WebSocket技术,实现用户消息的即时传输、状态实时同步,解决传统HTTP通信的延迟问题,保障用户交互体验;引入Redis缓存技术,对用户会话数据、热点消息、高频访问接口进行缓存优化,减少数据库压力,提升平台响应速度,确保高并发场景下的稳定运行。