更新记录

v0.0.1(2025-10-10) 下载此版本

MBTI 基础完整功能制作完成; 主要包括:

  1. 做题选择
  2. 版本选择
  3. 结果分析

平台兼容性

uni-app(3.6.5)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - -

MBTI 性格测试小程序插件

插件介绍

这是一个基于 uni-app 框架开发的 MBTI 性格测试小程序插件,集成了完整的MBTI性格测试流程,包括测试问卷、结果分析、性格特点及职业推荐等功能。

功能亮点

  • 完整的MBTI性格测试问卷
  • 智能的测试结果分析算法
  • 详细的性格特点、优势与弱点分析
  • 个性化的职业推荐
  • 响应式设计,适配多种设备尺寸
  • 易于集成到现有uni-app项目

安装与使用

第一步:在插件市场下载并导入HBuilderX

  1. 打开 DCloud插件市场
  2. 搜索"MBTI专业-16型人格测试"插件
  3. 点击【下载插件并导入HBuilderX】按钮
  4. 选择要导入的HBuilderX实例,等待导入完成

第二步:在项目中引入插件

  1. 在HBuilderX中打开您的uni-app项目
  2. 点击【工具】->【插件安装】
  3. 选择【已安装插件】标签页
  4. 找到"MBTI专业-16型人格测试"插件,点击【导入项目】

第三步:配置页面路由

在项目的 pages.json 文件中添加以下配置:

{
  "pages": [
    // ...您的其他页面配置
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "MBTI性格测试"
      }
    },
    {
      "path": "pages/questionnaire/questionnaire",
      "style": {
        "navigationBarTitleText": "测试问卷"
      }
    },
    {
      "path": "pages/result/result",
      "style": {
        "navigationBarTitleText": "测试结果"
      }
    }
  ]
}

配置项

自定义测试题目(可选)

如需修改测试题目,可以替换 static/data/mbti.json 文件中的内容。文件格式如下:

{
  "questions": [
    {
      "id": 1,
      "question": "问题内容",
      "options": [
        {
          "id": "A",
          "text": "选项A",
          "type": "E"
        },
        {
          "id": "B",
          "text": "选项B",
          "type": "I"
        }
      ]
    }
    // ...更多题目
  ]
}

自定义结果分析(可选)

如需修改结果分析内容,可以修改 static/data/mbti-result/ 目录下对应性格类型的文件。

注意事项

  1. 本插件需要在uni-app环境下运行,不支持原生小程序直接导入
  2. 如需在不同平台(微信、支付宝、百度等)使用,请确保已在HBuilderX中配置相应平台的开发环境
  3. 修改数据文件时,请保持原有的JSON格式,避免出现解析错误
  4. 如有任何问题,请在插件市场留言反馈

常见问题

Q: 如何修改测试题目数量? A: 可以通过修改 static/data/mbti.json 文件来调整题目数量,但建议保持一定数量以保证测试准确性。

Q: 插件支持哪些平台? A: 支持所有uni-app支持的平台,包括微信小程序、支付宝小程序、百度小程序、H5等。

Q: 如何自定义测试结果的样式? A: 可以通过修改 pages/result/result.vue 文件中的样式来实现自定义。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。