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

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

一、实验目标

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

二、实验步骤

1.学习使用快速启动模板创建小程序的方法；

（1）根据PPT1做微信小程序开发前准备

（2）根据PPT2快速启动模板创建第一个微信小程序

2.学习不使用模板手动创建小程序的方法

（1）根据实验手册创建项目

（2）删除和修改文件

（3）按照PPT2所给代码编写程序 同时根据个人喜好对程序界面稍作修改

（4）发现获取信息错误 在网上找资源进行修改

（5）测试小程序的运行是否与预期相同

三、问题总结与体会

通过这次实验我初步明白了如何编写一个小程序，在做实验过程中，遇到了因为软件改版导致获取不到用户信息的情况。起初我认为是代码错误，但是在询问老师之后发现是因为改版导致的错误，而后我自行搜索了错误原因和解决方案，发现微信在改版之后使用下面这部分代码会导致用户信息被隐藏。

getMyInfo:function(e){

let info = e.detail.userInfo;

this.setData({

src:info.avatarUrl,

name:info.nickName

})

}

将代码修改为以下代码后就可以解决上述问题了

getUserProfile(e) {

// 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认

// 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗

wx.getUserProfile({

desc: ‘用于完善会员资料’, // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写

success: (res) => {

​ this.setData({

​ src: res.userInfo.avatarUrl,

​ name: res.userInfo.nickName

​ })

}

})

}

index.wxml中button的代码也要相应的修改为

atarUrl,

​ name: res.userInfo.nickName

​ })

}

})

}

index.wxml中button的代码也要相应的修改为

点击获取头像和昵称