技术
- React
- Taro 3.x 跨端开发框架:Taro 文档
- Taro Ul 组件库:Taro UI | O2Team
- 题库和分析算法都可以固定下来,因此暂时可以无需后端数据库
开发大致过程
taro初始化项目:
taro init mbti-test-mini
开发过程类似于web网页开发,主要是对各网页跳转的逻辑开发和美化。
页面间数据传递
需求:题目结果页面需要得到做题页面用户选择的答案列表,才能进行评分
方法1:url params 比如:result?answerList=[A,B,C]
Taro 文档
方法 2:全局状态
Taro 文档
方法 3:本地数据存储 Taro.setStorageSync(key, data) (推荐,较为简单)
Taro 文档
实时测试项目
项目初始化完成后,先不要急着改代码,而是要先快速安装完依赖、运行、验证能否正常运行,并注意配置开发规范,如prettier。
- build:weapp:打包上线前再使用,体积通常更小
- dev:weapp:开发测试时使用,可以即时编译,自动更新小程序的效果;
运行之后,微信开发者工具查看项目,可以使用测试号:
下载地址:微信开发者工具下载地址与更新日志 | 微信开放文档
学习小结:
- 开发过程中,webstorm、开发者工具均可能出bug,许多时候代码编译出错可以通过清理缓存或重启来解决。
- 可以安装codeGeeX插件来辅助开发
- 扩展:目前只是一个纯前端的开发示例,后续可以设计更专业的评分标准;开发做题进度条;扩展为前后端项目
- git提交时遇到的一些问题:
- 在 git push -u origin master 的时候遇到错误信息:
意思是本地分支落后于远程分支。这通常是因为远程分支上有新的提交,而这些提交尚未被合并到你的本地分支中。要解决这个问题,你需要先将远程分支的更改拉取到本地,然后再推送你的更改:git pull origin master。
- 但是仍然有可能因为本地仓库和远程仓库的历史不一致被拒绝,可能是因为git仓库中有本地没有的文件,例如在新建仓库时添加了README.md文件。要解决这个问题,可以使用
--allow-unrelated-histories
选项强制 Git 合并不相关的历史:
然后就可以进行push上传git pull origin master --allow-unrelated-histories
- 在 git push -u origin master 的时候遇到错误信息: