2022年夏季《移动软件开发》实验报告

姓名： 学号：

姓名和学号？
本实验属于哪门课程？	中国海洋大学22夏《移动软件开发》
实验名称？	实验1：第一个微信小程序
博客地址？	(https://blog.csdn.net/weixin_51703554)
Github仓库地址？	XXXXXXX

（备注：将实验报告发布在博客、代码公开至 github 是 加分项，不是必须做的）

一、实验目标

1、学习使用快速启动模板创建小程序的方法；2、学习不使用模板手动创建小程序的方法。

二、实验步骤

1、注册用户并获取AppID。

2、项目创建

3、按照要求删除对应文件夹或代码

4、在app.json中对window属性进行重新配置，将导航栏定义为紫色

5、页面设计，设计微信头像、微信昵称和“点击获取头像”按钮。

修改WXML的image组件，按照要求添加代码

6、逻辑实现，修改button组件代码，在JS界面的Page内部追加getMyInfo，点击按钮在Console输出数据

7、使用动态数据显示头像和昵称，在WXML页面修改image和text组件的代码，将图片来源和文本内容使用双花括号{{}}做成动态数据，修改JS文件中函数代码，使获取到的信息更新到动态数据上。

8、根据老师在群里发的代码进行修改，使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认。

三、程序运行结果

四、问题总结与体会

问题：实验中存在没有使用wx.getUserProfile获取用户信息，加上之后就可以获取用户信息并展示

收获：学会了如何创建一个微信小程序，导航栏的调色、HTML组件的使用和一些逻辑实现，并且可以使用动态数据显示头像和昵称、wx.getUserProfile获取用户信息等等。为以后的进一步学习打下坚实的基础