结果页
This commit is contained in:
parent
39ec48fc27
commit
3ec479cd73
@ -2,6 +2,7 @@ export default defineAppConfig({
|
|||||||
pages: [
|
pages: [
|
||||||
'pages/index/index',
|
'pages/index/index',
|
||||||
'pages/doQuestion/index',
|
'pages/doQuestion/index',
|
||||||
|
'pages/result/index',
|
||||||
],
|
],
|
||||||
window: {
|
window: {
|
||||||
backgroundTextStyle: 'light',
|
backgroundTextStyle: 'light',
|
||||||
|
|||||||
178
mbti-test-mini/src/data/question_results.json
Normal file
178
mbti-test-mini/src/data/question_results.json
Normal file
@ -0,0 +1,178 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"I",
|
||||||
|
"S",
|
||||||
|
"T",
|
||||||
|
"J"
|
||||||
|
],
|
||||||
|
"resultDesc": "忠诚可靠，被公认为务实，注重细节。",
|
||||||
|
"resultPicture": "icon_url_istj",
|
||||||
|
"resultName": "ISTJ（物流师）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"I",
|
||||||
|
"S",
|
||||||
|
"F",
|
||||||
|
"J"
|
||||||
|
],
|
||||||
|
"resultDesc": "善良贴心，以同情心和责任为特点。",
|
||||||
|
"resultPicture": "icon_url_isfj",
|
||||||
|
"resultName": "ISFJ（守护者）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"I",
|
||||||
|
"N",
|
||||||
|
"F",
|
||||||
|
"J"
|
||||||
|
],
|
||||||
|
"resultDesc": "理想主义者，有着深刻的洞察力，善于理解他人。",
|
||||||
|
"resultPicture": "icon_url_infj",
|
||||||
|
"resultName": "INFJ（占有者）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"I",
|
||||||
|
"N",
|
||||||
|
"T",
|
||||||
|
"J"
|
||||||
|
],
|
||||||
|
"resultDesc": "独立思考者，善于规划和实现目标，理性而果断。",
|
||||||
|
"resultPicture": "icon_url_intj",
|
||||||
|
"resultName": "INTJ（设计师）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"I",
|
||||||
|
"S",
|
||||||
|
"T",
|
||||||
|
"P"
|
||||||
|
],
|
||||||
|
"resultDesc": "冷静自持，善于解决问题，擅长实践技能。",
|
||||||
|
"resultPicture": "icon_url_istp",
|
||||||
|
"resultName": "ISTP（运动员）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"I",
|
||||||
|
"S",
|
||||||
|
"F",
|
||||||
|
"P"
|
||||||
|
],
|
||||||
|
"resultDesc": "具有艺术感和敏感性，珍视个人空间和自由。",
|
||||||
|
"resultPicture": "icon_url_isfp",
|
||||||
|
"resultName": "ISFP（艺术家）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"I",
|
||||||
|
"N",
|
||||||
|
"F",
|
||||||
|
"P"
|
||||||
|
],
|
||||||
|
"resultDesc": "理想主义者，富有创造力，以同情心和理解他人著称。",
|
||||||
|
"resultPicture": "icon_url_infp",
|
||||||
|
"resultName": "INFP（治愈者）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"I",
|
||||||
|
"N",
|
||||||
|
"T",
|
||||||
|
"P"
|
||||||
|
],
|
||||||
|
"resultDesc": "思维清晰，探索精神，独立思考且理性。",
|
||||||
|
"resultPicture": "icon_url_intp",
|
||||||
|
"resultName": "INTP（学者）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"E",
|
||||||
|
"S",
|
||||||
|
"T",
|
||||||
|
"P"
|
||||||
|
],
|
||||||
|
"resultDesc": "敢于冒险，乐于冒险，思维敏捷，行动果断。",
|
||||||
|
"resultPicture": "icon_url_estp",
|
||||||
|
"resultName": "ESTP（拓荒者）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"E",
|
||||||
|
"S",
|
||||||
|
"F",
|
||||||
|
"P"
|
||||||
|
],
|
||||||
|
"resultDesc": "热情开朗，善于社交，热爱生活，乐于助人。",
|
||||||
|
"resultPicture": "icon_url_esfp",
|
||||||
|
"resultName": "ESFP（表演者）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"E",
|
||||||
|
"N",
|
||||||
|
"F",
|
||||||
|
"P"
|
||||||
|
],
|
||||||
|
"resultDesc": "富有想象力，充满热情，善于激发他人的活力和潜力。",
|
||||||
|
"resultPicture": "icon_url_enfp",
|
||||||
|
"resultName": "ENFP（倡导者）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"E",
|
||||||
|
"N",
|
||||||
|
"T",
|
||||||
|
"P"
|
||||||
|
],
|
||||||
|
"resultDesc": "充满创造力，善于辩论，挑战传统，喜欢探索新领域。",
|
||||||
|
"resultPicture": "icon_url_entp",
|
||||||
|
"resultName": "ENTP（发明家）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"E",
|
||||||
|
"S",
|
||||||
|
"T",
|
||||||
|
"J"
|
||||||
|
],
|
||||||
|
"resultDesc": "务实果断，善于组织和管理，重视效率和目标。",
|
||||||
|
"resultPicture": "icon_url_estj",
|
||||||
|
"resultName": "ESTJ（主管）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"E",
|
||||||
|
"S",
|
||||||
|
"F",
|
||||||
|
"J"
|
||||||
|
],
|
||||||
|
"resultDesc": "友善热心，以协调、耐心和关怀为特点，善于团队合作。",
|
||||||
|
"resultPicture": "icon_url_esfj",
|
||||||
|
"resultName": "ESFJ（尽责者）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"E",
|
||||||
|
"N",
|
||||||
|
"F",
|
||||||
|
"J"
|
||||||
|
],
|
||||||
|
"resultDesc": "热情关爱，善于帮助他人，具有领导力和社交能力。",
|
||||||
|
"resultPicture": "icon_url_enfj",
|
||||||
|
"resultName": "ENFJ（教导着）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"resultProp": [
|
||||||
|
"E",
|
||||||
|
"N",
|
||||||
|
"T",
|
||||||
|
"J"
|
||||||
|
],
|
||||||
|
"resultDesc": "果断自信，具有领导才能，善于规划和执行目标。",
|
||||||
|
"resultPicture": "icon_url_entj",
|
||||||
|
"resultName": "ENTJ（统帅）"
|
||||||
|
}
|
||||||
|
]
|
||||||
3
mbti-test-mini/src/pages/result/index.config.ts
Normal file
3
mbti-test-mini/src/pages/result/index.config.ts
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
export default definePageConfig({
|
||||||
|
navigationBarTitleText: '测试结果'
|
||||||
|
})
|
||||||
24
mbti-test-mini/src/pages/result/index.scss
Normal file
24
mbti-test-mini/src/pages/result/index.scss
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
.resultPage {
|
||||||
|
background-image: url('../../assets/headerBg.jpg');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
min-height: 100vh; // 保证全屏
|
||||||
|
|
||||||
|
.title {
|
||||||
|
color: #fff;
|
||||||
|
padding-top: 48px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subTitle {
|
||||||
|
color: #fff;
|
||||||
|
margin-bottom: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.enterBtn {
|
||||||
|
width: 60vw;
|
||||||
|
min-width: 180px;
|
||||||
|
}
|
||||||
|
}
|
||||||
49
mbti-test-mini/src/pages/result/index.tsx
Normal file
49
mbti-test-mini/src/pages/result/index.tsx
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
import {View, Image} from "@tarojs/components";
|
||||||
|
import {AtButton} from "taro-ui";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import headerBg from "../../assets/headerBg.jpg";
|
||||||
|
import GlobalFooter from "../../components/GlobalFooter";
|
||||||
|
import {getBestQuestionResult} from "../../utils/bizUtils";
|
||||||
|
import questions from "../../data/questions.json";
|
||||||
|
import questionResults from "../../data/question_results.json";
|
||||||
|
import "./index.scss";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 测试结果页面
|
||||||
|
* @author <a href="https://github.com/liyupi">程序员鱼皮</a>
|
||||||
|
* @from <a href="https://www.code-nav.cn">编程导航学习圈</a>
|
||||||
|
*/
|
||||||
|
export default () => {
|
||||||
|
// 获取答案
|
||||||
|
const answerList = Taro.getStorageSync("answerList");
|
||||||
|
if (!answerList || answerList.length < 1) {
|
||||||
|
Taro.showToast({
|
||||||
|
title: "答案为空",
|
||||||
|
icon: "error",
|
||||||
|
duration: 3000,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 获取测试结果
|
||||||
|
const result = getBestQuestionResult(answerList, questions, questionResults);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className="resultPage">
|
||||||
|
<View className="at-article__h1 title">{result.resultName}</View>
|
||||||
|
<View className="at-article__h2 subTitle">{result.resultDesc}</View>
|
||||||
|
<AtButton
|
||||||
|
type="primary"
|
||||||
|
circle
|
||||||
|
className="enterBtn"
|
||||||
|
onClick={() => {
|
||||||
|
Taro.reLaunch({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
返回主页
|
||||||
|
</AtButton>
|
||||||
|
<Image className="headerBg" src={headerBg}/>
|
||||||
|
<GlobalFooter/>
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
};
|
||||||
140
mbti-test-mini/src/utils/bizUtils.ts
Normal file
140
mbti-test-mini/src/utils/bizUtils.ts
Normal file
@ -0,0 +1,140 @@
|
|||||||
|
/**
|
||||||
|
* 获取最佳题目评分结果
|
||||||
|
* @param answerList
|
||||||
|
* @param questions
|
||||||
|
* @param question_results
|
||||||
|
*/
|
||||||
|
|
||||||
|
export function getBestQuestionResult(answerList, questions, question_results) {
|
||||||
|
// 初始化一个对象，用于存储每个选项的计数
|
||||||
|
const optionCount = {};
|
||||||
|
|
||||||
|
// 用户选择 A, B, C
|
||||||
|
// 对应 result：I, I, J
|
||||||
|
// optionCount[I] = 2; optionCount[J] = 1
|
||||||
|
|
||||||
|
// 遍历题目列表
|
||||||
|
for (const question of questions) {
|
||||||
|
// 遍历答案列表
|
||||||
|
for (const answer of answerList) {
|
||||||
|
// 遍历题目中的选项
|
||||||
|
for (const option of question.options) {
|
||||||
|
// 如果答案和选项的key匹配
|
||||||
|
if (option.key === answer) {
|
||||||
|
// 获取选项的result属性
|
||||||
|
const result = option.result;
|
||||||
|
|
||||||
|
// 如果result属性不在optionCount中，初始化为0
|
||||||
|
if (!optionCount[result]) {
|
||||||
|
optionCount[result] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 在optionCount中增加计数
|
||||||
|
optionCount[result]++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 初始化最高分数和最高分数对应的评分结果
|
||||||
|
let maxScore = 0;
|
||||||
|
let maxScoreResult = question_results[0];
|
||||||
|
|
||||||
|
// 遍历评分结果列表
|
||||||
|
for (const result of question_results) {
|
||||||
|
// 计算当前评分结果的分数
|
||||||
|
const score = result.resultProp.reduce((count, prop) => {
|
||||||
|
return count + (optionCount[prop] || 0);
|
||||||
|
}, 0);
|
||||||
|
|
||||||
|
// 如果分数高于当前最高分数，更新最高分数和最高分数对应的评分结果
|
||||||
|
if (score > maxScore) {
|
||||||
|
maxScore = score;
|
||||||
|
maxScoreResult = result;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 返回最高分数和最高分数对应的评分结果
|
||||||
|
return maxScoreResult;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 示例数据
|
||||||
|
const answerList = ["B","B","B","A"];
|
||||||
|
const questions = [
|
||||||
|
{
|
||||||
|
title: "你通常更喜欢",
|
||||||
|
options: [
|
||||||
|
{
|
||||||
|
result: "I",
|
||||||
|
value: "独自工作",
|
||||||
|
key: "A",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
result: "E",
|
||||||
|
value: "与他人合作",
|
||||||
|
key: "B",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
options: [
|
||||||
|
{
|
||||||
|
result: "S",
|
||||||
|
value: "喜欢有结构和常规",
|
||||||
|
key: "A",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
result: "N",
|
||||||
|
value: "喜欢自由和灵活性",
|
||||||
|
key: "B",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
title: "对于日常安排",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
options: [
|
||||||
|
{
|
||||||
|
result: "P",
|
||||||
|
value: "首先考虑可能性",
|
||||||
|
key: "A",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
result: "J",
|
||||||
|
value: "首先考虑后果",
|
||||||
|
key: "B",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
title: "当遇到问题时",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
options: [
|
||||||
|
{
|
||||||
|
result: "T",
|
||||||
|
value: "时间是一种宝贵的资源",
|
||||||
|
key: "A",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
result: "F",
|
||||||
|
value: "时间是相对灵活的概念",
|
||||||
|
key: "B",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
title: "你如何看待时间",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
const question_results = [
|
||||||
|
{
|
||||||
|
resultProp: ["I", "S", "T", "J"],
|
||||||
|
resultDesc: "忠诚可靠，被公认为务实，注重细节。",
|
||||||
|
resultPicture: "icon_url_istj",
|
||||||
|
resultName: "ISTJ（物流师）",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
resultProp: ["I", "S", "F", "J"],
|
||||||
|
resultDesc: "善良贴心，以同情心和责任为特点。",
|
||||||
|
resultPicture: "icon_url_isfj",
|
||||||
|
resultName: "ISFJ（守护者）",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
console.log(getBestQuestionResult(answerList, questions, question_results));
|
||||||
Loading…
Reference in New Issue
Block a user