- SBTI人格测试H5小程序系统源码 |uni-app双题库 | 含激励广告+支持微信分享解锁+虎皮椒支付 | 含管理后台
- ## ? 核心功能模块
- ### 1️⃣ **用户端 (H5)** - 面向最终用户
- #### **首页 (Home.vue)**
- - 展示品牌Slogan:"MBTI已经过时,SBTI来了"
- - 背景图片可配置
- - "开始测试"按钮,生成游客ID并跳转到测试页面
- #### **测试页面 (Test.vue)**
- - **31道测试题目**,支持图文混排
- - 每题3个选项(总是如此/有时如此/很少如此)
- - 进度条显示答题进度
- - 支持上一题/下一题导航
- - 答案自动保存,可随时返回修改
- - 提交后通过**科学评分算法**计算人格类型
- #### **结果页面 (Result.vue)**
- - 显示测试结果图片和人格类型标签
- - **解锁机制**:
- - ? 未解锁状态:只显示标题,描述被隐藏
- - ? **支付解锁**: 集成虎皮椒支付,微信支付解锁完整报告
- - ? **分享解锁**: 分享到朋友圈后自动解锁(4秒延迟模拟)
- - **分享海报生成**:
- - 使用html2canvas生成带二维码的分享海报
- - 包含结果图、人格类型、描述和二维码
- - 支持下载海报到本地
- - 重新测试功能
- ---
- ### 2️⃣ **管理后台 (Admin)** - 面向管理员
- #### **题目管理 (Questions.vue)**
- - 增删改查测试题目
- - 富文本编辑器(WangEditor)编辑题目内容
- - 上传图片作为题目配图
- - 启用/禁用题目
- - 排序控制
- - **选项管理**: 为每道题配置3个选项及其分值
- #### **结果图管理 (ResultImages.vue)**
- - 管理10种人格类型的结果展示配置
- - 每种人格类型可配置:
- - 标题 (如"你是DEAD型人格")
- - 描述文案
- - 结果图片
- - 排序和启用状态
- - 支持按人格类型筛选
- #### **VIP套餐管理 (VIP.vue)**
- - **套餐管理**: 创建/编辑/删除VIP套餐
- - 设置套餐名称、价格、时长(天)、描述
- - 启用/禁用套餐
- - **订单管理**: 查看所有支付订单
- - 订单号、用户ID、套餐ID、金额、状态
- - 状态包括: pending(待支付)、completed(已完成)
- #### **数据统计 (Stats.vue)**
- - 核心数据卡片展示:
- - 测试参与人数
- - 完整报告解锁数
- - VIP开通数
- - 广告总播放数
- - 分享次数
- - ECharts图表可视化:
- - 测试参与趋势图
- - 数据对比图(本周vs上周)
- - 支持日期范围筛选
- #### **其他管理功能**
- - **用户管理**: 查看用户列表、答题记录、VIP记录
- - **图片资源管理**: 管理首页图、题目图、结果图等
- - **广告管理**: 配置广告内容和优先级
- - **系统设置**:
- - 微信AppID/AppSecret配置
- - 虎皮椒支付参数配置
- - 解锁费用设置
- ---
- ## ? 核心技术特性
- ### **人格类型评分算法**
- 系统定义了**10种搞笑人格类型**:
- 1. **DEAD** (死者) - 精神麻木,行尸走肉
- 2. **MALO** (吗喽) - 生活重压下的打工人
- 3. **ATM-er** (送钱者) - 人形提款机
- 4. **SHIT** (狗屎人) - 情商低到令人发指
- 5. **尤物** - 人间尤物,清醒通透
- 6. **舔狗** - 卑微的爱情追求者
- 7. **卷王** - 内卷之王
- 8. **躺平** - 躺平青年
- 9. **社恐** - 社交恐惧症
- 10. **焦虑怪** - 永远在担心未来
- **评分逻辑**:
- - 每个题目的3个选项对应不同人格类型的加分
- - 例如:选择"总是身心疲惫" → DEAD+3分, MALO+3分, 躺平+2分, 焦虑怪+2分
- - 遍历所有答案累加各人格类型得分
- - 得分最高的人格类型即为最终结果
- - 如果最高分≤0,默认为"尤物"
- ### **支付系统**
- - 集成**虎皮椒支付** (第三方支付网关)
- - 支持微信扫码支付
- - 异步回调处理:
- - 验证签名安全性
- - 更新订单状态
- - 自动解锁测试结果
- - 可选升级为VIP会员
- ### **微信生态集成**
- - 微信OAuth2.0授权登录
- - 微信JS-SDK集成(用于自定义分享)
- - 朋友圈分享引导交互
- ### **数据安全**
- - 使用事务确保数据一致性(答案提交、支付回调等)
- - 签名验证防止支付篡改
- - 游客ID机制保护用户隐私
- ---
- ## ?️ 数据库设计
- 主要数据表:
- - **users** - 用户表(openid, nickname, avatar, is_vip, vip_expire_time)
- - **questions** - 题目表(content, image_url, is_enabled, sort_order)
- - **options** - 选项表(question_id, content, score)
- - **user_answers** - 用户答题记录
- - **results** - 测试结果表(user_id, result_type, result_label, result_desc, image_url, is_unlocked)
- - **result_images** - 结果图配置表(result_type, title, description, image_url)
- - **vip_packages** - VIP套餐表
- - **orders** - 订单表
- - **images** - 图片资源表
- - **share_stats** - 分享统计表
- - **settings** - 系统设置表(key_name, value)
- ---
- ## ? 产品亮点
- 1. **幽默化人格测试** - 将传统MBTI转化为更接地气的搞笑人格类型
- 2. **双重解锁机制** - 付费+分享,提高转化率和传播性
- 3. **科学评分算法** - 基于多维度题目动态计算,非随机结果
- 4. **可视化分享海报** - 自动生成带二维码的精美海报
- 5. **完善的管理后台** - 全流程内容管理和数据分析
- 6. **灵活的配置系统** - 所有文案、图片、价格均可后台配置
- 这是一个完整的商业化H5测试应用,具备用户增长、变现和数据运营的全套能力! ?
- 基于对项目代码的深入分析,我为这个SBTI人格测试H5系统设计了以下几个SEO优化的推广标题:
- ## ? 推荐标题方案
- ### **方案一(综合型 - 推荐)**
- ```
- SBTI人格测试H5系统源码 |全栈开源项目 | 支持微信分享解锁+虎皮椒支付 | 含管理后台
- ```
- **SEO关键词覆盖:**
- - SBTI人格测试 (核心功能)
- - H5系统源码 (产品类型)
- - Vue3 + Node.js (技术栈)
- - 全栈开源项目 (项目性质)
- - 微信分享解锁 (特色功能)
- - 虎皮椒支付 (变现能力)
- - 管理后台 (完整度)
- ---
- ### **方案二(技术导向型)**
- ```
- 人格测试系统源码 | 前后端分离H5项目 | 科学评分算法 | 完整商业级解决方案
- ```
- **优势:** 突出技术架构和商业价值,吸引开发者
- ---
- ### **方案三(功能亮点型)**
- ```
- 搞笑人格测试H5源码下载 | 10种人格类型动态评分 | 支付解锁+分享裂变 | 数据统计后台 | 开箱即用
- ```
- **优势:** 强调产品特色和易用性,吸引创业者
- ---
- ### **方案四(长尾关键词型)**
- ```
- SBTI人格测试小程序H5源码 | 集成微信支付和分享海报生成 | 附部署教程
- ```
- **优势:** 包含年份、平台、具体功能,适合精准搜索
- ---
- ### **方案五(简洁有力型)**
- ```
- SBTI人格测试系统完整源码 | 全栈项目 | 支持付费解锁和病毒式传播 | 含后台管理系统
- ```
- **优势:** 简洁明了,突出核心价值
- ---
- ## ? SEO优化建议
- ### **页面Meta标签配置:**
- ```html
- <title>SBTI人格测试H5系统源码 | Vue3全栈项目 | 微信分享解锁+支付变现</title>
- <meta name="description" content="完整的SBTI搞笑人格测试H5系统源码,基于Vue3+MySQL开发。包含31道测试题、10种人格类型科学评分算法、虎皮椒支付集成、微信分享解锁、自动生成分享海报、完善的管理后台和数据统计。支持二次开发,提供部署教程。">
- <meta name="keywords" content="SBTI人格测试,H5测试系统,Vue3源码,项目,人格测试源码,微信分享解锁,虎皮椒支付,管理后台,搞笑测试,MBTI替代,全栈项目,开源代码,商业源码">
- ```
- ---
- ### **内容营销关键词布局:**
- **一级关键词(高搜索量):**
- - 人格测试源码
- - H5测试系统
- - Vue3项目源码
- **二级关键词(中等竞争):**
- - SBTI测试系统
- - 微信分享解锁
- - 支付集成源码
- - 管理后台模板
- **长尾关键词(精准流量):**
- 人格测试完整项目
- - 带支付功能的H5测试源码
- - 可商用的人格测试系统
- - 支持二次开发的测试项目
- ---
- ## ? 推广文案要点
- 平台发布时,建议在README中包含:
- 1. **项目截图** - 首页、测试页、结果页、管理后台
- 2. **功能清单** - 详细列出所有功能模块
- 3. **技术栈说明** - MySQL等
- 4. **在线演示** - 提供Demo链接
- 5. **快速开始** - 安装和部署步骤
- 6. **应用场景** - 个人学习、毕业设计、创业项目、企业定制
- 7. **更新日志** - 体现项目活跃度
- ---
- ## ? 最终推荐
- **最佳标题组合:**
- ```
- 主标题: SBTI人格测试H5系统源码 |全栈项目 | 微信分享解锁+支付变现
- 副标题: 完整商业级解决方案 | 科学评分算法 | 管理后台 | 开箱即用 | 附部署教程
- ```
- 这个标题既突出了核心技术,又强调了商业价值(支付+分享裂变),同时说明了完整性(含后台+教程),能够吸引目标用户群体! ?
游客，本帖隐藏的内容需要积分高于 10000000 才可浏览，您当前积分为 0 |
