【开发】MBTI 答题小程序开发笔记-4

1 开始 

接着写结果页面。跟之前一样,新建一个结果页面的文件夹,写进路由。

和主页的写法差不多,稍微改动一下,引入数据即可。下面是效果图。

2 路由跳转

之前说过,我们学一个新的框架,要想找到一个不会的功能的语法,就直接到官网上搜。Taro 的路由跳转就是用 Taro.navigateTo 来实现的,如下。

同理,做完题之后点击查看结果按钮,也是一样。 

2.1 Taro.reLaunch

微信小程序有一个限制,就是不能打开太多页面,然后让用户进行过多次数的回退。于是,在结果页面的“返回首页”按钮处,就不能直接用Taro.navigateTo了,会导致页面的堆积。

这里我们用 Taro.reLaunch,它可以关闭所有页面,然后再跳转到首页。

 

3 结果计算的实现

3.1 算法

稍微了解一下 MBTI 的判断方法,就是一个题的一个选项对应两个相反的值,
比如:“你更喜欢”:
           “A.享受一个人独处”
           “B.和一大群人一起玩”
在这题里,A 就对应了 I,选择就将 I 的分数+1;B 就对应 E,将 E 的分数+1。最后再比较每对属性的分数,取更高分数的那一个字母作为你的属性。

这样的算法很简单,我们也可以用 AI生成。这里推荐 CodeGeex,在各大 IDE 的插件库里都可以找到。当然,要描述清楚自己的问题。下面是问法示例:

代码就不放了,大家可以自己去试试,自己改一改。

写好的算法放在我们新建的utils类里面,bizUtils 表示跟业务相关的工具。

3.2 测试

测试方法:直接在整个文件的路径运行 Terminal

记得在算法前面写个 export 导出,方便后续调用。

明天再写页面间的数据传递,这一块是重点!

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值