lab1实验报告

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

一、实验目标

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

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

二、实验步骤

1.创建空白项目并配置页面文件

选择“不使用云服务”和js基础模板。

根据实验文件提示删除模板中的代码和文件，并按照提示自动补充代码。

2.导航栏设计

通过在app.json中配置windows属性自定义导航栏。

在页面中添加组件，显示微信头像、昵称和按钮。

src就是图片资源，可以设置资源的路径。

在index.wxss中设置组件的样式。

设置图片资源的路径后显示效果。

对各组件的样式进行设置。

3.逻辑实现

修改button组件代码，添加获取用户信息的事件。

在index.js中添加对应的函数。

编译后，点击button，可以在控制台看见输出了用户信息。

实现动态地获取微信头像和昵称：

修改组件代码，双重大括号内是一段有返回值的可执行代码。

设定初始值

修改代码使组件显示内容根据获取的用户数据更改，并重新渲染画面。

三、程序运行结果

按下button先后画面：

四、问题总结与体会

在编写小程序并进行真机调试时发现无法获取到用户的信息，查询得知在新版中出于保护用户信息考虑不能直接获取个人用户的信息，通过降低调试基础库的版本，在调试时可以方便地获取到信息。但如果是需要上线并运行在不同用户设备的小程序，在开发过程中通过这种方法无法在用户设备上达成同样效果，需要在开发过程中选定用户数量多的较新基础库版本开发。

本次实验通过简单小程序的开发，对.js .json .wxml(html) .wxss(css)在前端开发的作用有了初步的了解，熟悉了小程序开发的基本框架，可以对组件的样式进行简单设定并实现简单的逻辑。