更新记录
v0.0.1(2025-10-10) 下载此版本
MBTI 基础完整功能制作完成; 主要包括:
- 做题选择
- 版本选择
- 结果分析
平台兼容性
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
- 打开 DCloud插件市场
- 搜索"MBTI专业-16型人格测试"插件
- 点击【下载插件并导入HBuilderX】按钮
- 选择要导入的HBuilderX实例,等待导入完成
第二步:在项目中引入插件
- 在HBuilderX中打开您的uni-app项目
- 点击【工具】->【插件安装】
- 选择【已安装插件】标签页
- 找到"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/
目录下对应性格类型的文件。
注意事项
- 本插件需要在uni-app环境下运行,不支持原生小程序直接导入
- 如需在不同平台(微信、支付宝、百度等)使用,请确保已在HBuilderX中配置相应平台的开发环境
- 修改数据文件时,请保持原有的JSON格式,避免出现解析错误
- 如有任何问题,请在插件市场留言反馈
常见问题
Q: 如何修改测试题目数量?
A: 可以通过修改 static/data/mbti.json
文件来调整题目数量,但建议保持一定数量以保证测试准确性。
Q: 插件支持哪些平台? A: 支持所有uni-app支持的平台,包括微信小程序、支付宝小程序、百度小程序、H5等。
Q: 如何自定义测试结果的样式?
A: 可以通过修改 pages/result/result.vue
文件中的样式来实现自定义。