OUC_2022年夏季《移动软件开发》实验报告-实验1

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

实验名称：
实验1：第一个微信小程序

博客地址：
https://blog.csdn.net/Postlude

Github仓库地址：
https://github.com/Postlude-cc/OUC_Mobile-Softawre-Development

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

二、实验步骤

目标1：

打开微信开发者工具

申请小程序测试号，使用自带模板 点击确定创建工程

点击真机调试 使用手机微信扫描二维码

即可模拟真机运行：

目标2：

创建项目 不使用模板

初始界面只有一个view容器 无其他内容

1、导航栏设计
在app.json中修改导航栏:

效果如下：

2、页面设计
三个组件 image text button 样式为container

新建文件夹image 修改image组件中的路径 更新image和text样式

3、设置函数

点击button后 控制台进行输出

在data中新增src与name 进行动态数据输出

完成getProfile函数：

点击按钮 即可获取用户昵称与头像

三、程序运行结果
结果如下：

四、问题总结与体会

因为是第一个入门级的实验，所以做起来并没有非常的困难。本次实验也让我对微信小程序开发有了初步的认识与了解，使我自己有了能够动手制作自己设计的小程序的想法，唯一遇到的问题就是一开始按照样例写法无法正确获取用户名与头像，按老师新给的接口即完成了实验。