21春《移动软件开发》实验三:医疗急救卡
1、学习目标
本实验介绍使用小程序组件仿IOS健康APP创建一个简易版的医疗急救卡小程序。
学习目标:
- 学习小程序表单系列组件的用法;
- 学习本地数据存储和读取的方法;
- 学习拨打指定电话号码的实现。
2、项目介绍
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063122644-1735995718.png)
本小程序需要创建 index 和 form 两个页面,请自行完成。
3、视图设计
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063129837-308628165.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063132820-993363669.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063137003-1191580929.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063139994-1322848337.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063142978-1507085236.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063146071-22644943.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063153220-1305793363.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063156710-1481148151.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063216946-9129741.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063222774-292325883.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063229210-716636602.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063234327-2003436326.png)
4、逻辑实现
4.1 尚未创建医疗急救卡的首页逻辑实现
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063245839-284837673.png)
4.2 医疗急救卡创建页的逻辑实现
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063254791-1919384697.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063258353-1987984693.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063303002-618620356.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063313141-1756449815.png)
4.3 已经创建急救卡 的首页的逻辑实现
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063402541-679144495.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063409060-314420952.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063412166-450074631.png)
![](https://img2020.cnblogs.com/blog/1803675/202104/1803675-20210406063415704-542882113.png)
本实验介绍使用小程序组件仿IOS健康APP创建一个简易版的医疗急救卡小程序。
学习目标:
本小程序需要创建 index 和 form 两个页面,请自行完成。