项目到手分析-儿童健康管理

1、背景
本次主要是实现一款以检测儿童健康为目的的h5；
2、使用者
三类——用户（简单评测，查看自己的评测结果），机构（专业评测，管理评测项目，查看评测结果），管理员（查看所有评测结果，增删改查评测项目，授权机构查看测试报告，二维码生成，打印，分享链接）

3、前端：
PC端
大致看了前后端25个页面，入口为：二维码扫描进入；公众号按钮进入，xx系统内进入；
除了基本组件操作，可看到其他几个方面需要搜一搜才能完成
1）二维码——QRcode
2）打印：
iframe + window.print()—— 打印整个iframe
printjs插件——打印局部页面
3）视频、图片处理
4）响应式处理——phone端+pad端+pc端
5）富文本处理

微信端（公众号打开 H5 uniapp）
1）使用微信扫一扫功能（引入wxSDK后，使用wxSDK的方法调用扫一扫，扫描成功后（一串url字符串），数据可选择性交由谁去处理，微信或者个人 ）
2）微信端流程， 首先用url中的code去换取openid；注意事项：code只能换一次，拿到openid后自己想办法存储起来，注意刷新问题导致openid丢失，重新换会导致出错（code已使用）
3）富文本解析

PAD端（安卓软件内嵌H5 Uniapp）
1）1-2岁28大题，60小题；2-3岁，38大题，120小题；
流程性开发，首次答题，中断继续答题，结束答题，由外部跳入后开始答题；题目类型固定，内容可变动（后台管理），前端按照需要的格式，存储题目详情，答题题目等；
2）富文本解析
editor
3）视频处理——vue-video-player插件
注意事项：uniapp中，video标签属于内置组件（会被重新编译，实际页面的video会被外部view元素包裹几层，所以需要修改vue-video-player的内部player.vue，初始化video元素的位置，vue-video-player插件video元素找的不对就会导致插件无法运行）