中国海洋大学2024年夏季《移动软件开发》实验报告一

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

姓名：xxx 学号：xxxxxxx

姓名和学号？	xxx,xxxxxxx
本实验属于哪门课程？	中国海洋大学24夏《移动软件开发》
实验名称？	实验1：第一个微信小程序
博客地址？	xxxxxxxx
Github仓库地址？	XXXXXXX

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

一、实验目标

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

二、实验步骤

1、微信小程序开发网页进行注册

2、然后将小程序信息进行完善

3、下载安装微信开发者工具

4、开始完成自己的第一个小程序

1、创建小程序

点击加号，填写小程序相关信息后选择不适用云端服务，然后选择js基础版这一框架

2、删除小程序原模板中自带的东西

1、删除utils文件夹
2、删除pages文件夹下的logs目录
3、删除index.wxml和index.wxss中的全部代码
4、删除index.js中的全部代码，并输入关键词page选择自动补全生成模板
5、删除app.wxss中的全部代码
6、删除app.js中的全部代码，并且输入关键词app自动补齐生成模板

3、更改app.json中的window属性设置导航栏

4、设计主页面，包括头像、昵称、按钮这三个组件

5、在项目中新建用于存放初始头像的文件夹images，并将准备好的图片存入该文件夹中

6、在index.wxss中设置头像和文字的位置以及大小格式等

7、设置初始用户信息

8、编写获取用户信息函数

9、更改调试基础库版本

10、小程序设计完成。

三、程序运行结果

四、问题总结与体会

本次实验中我成功完成了自己开发的第一个小程序，在这个过程中主要遇到的问题包括初始化头像时出现拼写错误，使用getUserInfo获取用户信息和头像失败，后改为getUserProfile来获取用户信息，其次是像像这样修改后需要更改调试基础库的版本才能使用getUserProfile。