SBTI多类型性格测试小程序全套源码 31题15维度27人格 NBTI职场测试 图鉴 可二开

【详细信息】

一、商品简介

────────────────────────────────────────

本商品为「SBTI 多类型性格测试」小程序完整前端源码，适合个人站长、自媒体、小程序运营者快速搭建人格测试类流量产品。

项目采用 uni-app 框架 + Vue 3 组合式 API 编写，目录结构清晰，组件化程度高。买家拿到源码后，替换小程序 AppID、广告位 ID、图片资源即可部署，也可在此基础上修改题目、人格类型、UI 样式进行二次开发。

当前版本：v1.0.1

二、核心功能

────────────────────────────────────────

【主版 SBTI 人格测试】

  · 31 道动态题库，答完自动计算 15 维度得分

  · 27 种人格结局（25 种标准 + 2 种特殊隐藏/兜底）

  · 结果页展示：人格代号、中文名、解读、十五维度评分详情

  · 一键生成结果分享图（Canvas 绘制），支持保存到相册

  · 微信分享给好友 / 分享到朋友圈

  · 结果页激励视频广告（微信小程序）

【人格图鉴 Wiki】

  · 27 种人格卡片浏览，含稀有度、一句话解读

  · 点击查看完整描述、十五维度模板、维度详解

  · 支持分享图鉴页

【原版 SBTI】

  · 独立三页流程：首页 → 答题 → 结果

  · 支持答题进度本地缓存、续测

  · 提交前激励视频（微信端）

  · 结果保存图片、维度评分展示

【NBTI 牛马型人格测试】

  · 30 道职场向趣味题库，16 种牛马人格

  · 四维分析图表、AI 替代风险 / 裁员生存率

  · 职场优势、雷区、AI 时代生存指南

  · 分析 loading 动画页 + 完整结果报告页

  · 生成分享海报、复制分享文案、重新测试

【运营与变现】

  · 激励视频广告位已接入（需替换为自己的 adUnitId）

  · 多页面分享裂变配置（onShareAppMessage / onShareTimeline）

  · 首页预留广告/引流入口位（components/StartPage.vue，可自行修改链接）

三、技术说明

────────────────────────────────────────

开发框架：uni-app

前端版本：Vue 3

开发工具：HBuilderX（推荐2026稳定版）

样式方案：scoped CSS + uni.scss 全局变量

数据存储：本地 Storage（答题进度、测试结果）

图片资源：人格类型图远程 CDN（可替换为自有域名/static）

支持编译平台（需自行配置对应 AppID / 证书）：

  · 微信小程序

  · H5 / Web

  · App（Android / iOS）

  · 其他 uni-app 支持的小程序平台（按官方文档配置）

四、目录结构（主要文件）

────────────────────────────────────────

pages/index/          主测试入口与流程控制

components/           StartPage / Question / ResultPage 核心组件

pages/wiki/           人格图鉴

data/                 题目、维度、人格类型数据

utils/calculate.js    主版计分逻辑

sbti-original/        原版 SBTI 三页

nbti/                 NBTI 牛马测试（含独立组件与题库）

manifest.json         应用配置（AppID、权限、域名等）

pages.json            页面路由注册

五、部署说明

────────────────────────────────────────

1. 使用 HBuilderX 打开项目根目录

2. 修改 manifest.json 中各平台 appid（微信小程序、抖音等）

3. 替换激励视频广告位 ID（搜索 adunit- 关键字即可定位）

4. 如需使用远程人格图片，在微信小程序后台配置 downloadFile 合法域名

   （源码中默认域名为 wxqun988.vxjuejin.com，建议替换为自己的 OSS/CDN）

5. 运行 → 运行到浏览器 / 微信开发者工具 → 编译发布

常规 uni-app 编译流程，无特殊环境依赖。

六、二次开发建议

────────────────────────────────────────

  · 修改 data/questions.js 可调整主版题目

  · 修改 data/personalityTypes.js / types.js 可调整人格文案

  · 修改 nbti/data/ 下文件可定制 NBTI 题库与人格

  · 全局 UI 主色与按钮样式见 uni.scss、App.vue

  · 首页引流链接/广告位：components/StartPage.vue

七、购买须知

────────────────────────────────────────

1. 本商品为前端源码，不含后端服务器、不含数据库

2. 不含小程序账号注册、备案、类目审核等代办服务

3. 人格测试内容仅供娱乐参考，上线前请自行核对合规表述

4. 源码中广告位 ID、AppID、远程图片域名需买家自行替换

5. 禁止将源码用于违法违规用途，买家需遵守平台与当地法律法规

6. 虚拟商品，一经售出不支持无理由退款（请在购买前确认需求）

八、售后说明（请卖家自行调整）

────────────────────────────────────────

  · 提供部署文档与目录说明（本文件即为基础说明）

  · 可提供一次基础部署指导（如：AppID 替换、编译报错排查）

  · 不含功能定制、不含代上架、不含长期维护

  · 如有 bug 反馈，请提供复现步骤与运行平台

────────────────────────────────────────

uni-app、Vue3、微信小程序、性格测试、MBTI、SBTI、人格测试、

趣味测试、H5、小程序源码、测试小程序、流量变现、激励视频、

分享海报、图鉴、NBTI、职场测试 QQ：.sJX_76,.sJX_78,.sJX_70,.sJX_26,.sJX_40{display:none};8972863997958547959

【属性】

• 框架: uniapp、vue
• 语言: 其他
• 数据库: 无
• 规格: 整站源码
• 授权: 免授权
• 源文件: 完全开源（含全部源文件）
• 大小: 58 MB
• 移动端: Wap、App、小程序、公众服务号
• 安装服务: 免费【要求说明】
• 主机类型: 独立主机（服务器、VPS、VM）
• 伪静态: 无需
• 操作系统: Linux
• 安装方式: 提供管理权限
• web服务: nginx

来源: https://www.huzhan.com/code/goods487236.html