实验一实验报告

最新推荐文章于 2024-07-12 14:10:05 发布

zxcvb882

最新推荐文章于 2024-07-12 14:10:05 发布

阅读量169

点赞数

分类专栏：移动软件开发文章标签： javascript

本文链接：https://blog.csdn.net/zxcvb882/article/details/126391961

版权

移动软件开发专栏收录该内容

6 篇文章 0 订阅

订阅专栏

实验一实验报告

一、实验目标

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

二、实验步骤

一、自动创建小程序

1、注册开发网站，下载微信开发小程序，创建新项目。 $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qIBfnA0f-1660731902938)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220817100417536.png)]$

2、打开注册的微信公众平台，根据实验步骤搜索App的ID。
在这里插入图片描述

3、创建小程序，输入对应的信息。
在这里插入图片描述

4、生成页面。
在这里插入图片描述

二、手动创建小程序

1.修改pages属性。
在这里插入图片描述

2、删除和修改文件，删除utils文件夹、logs目录、index.wxml和index.wxss、index.js、app.wxss以及app.js中的代码。并将index.js与app.js代码自动填充。
在这里插入图片描述

3、删除index. js中的全部代码,并且输人关键词“page"找到第二个选项按回车键让其自动补全。
在这里插入图片描述

4、删除app.js中的全部代码,并且输入关键词“app”找到第一个选项按回车键让其自动补全。

5、修改Windows属性。
在这里插入图片描述

6、创建image文件夹，并复制图片到其目录下。

7、修改WXML页面的< image >组件。

8、在WXML页面修改组件的代码，为其追加获取用户信息事件。
在这里插入图片描述

9、在WXML页面修改和组件的代码。
在这里插入图片描述
10、同时修改JS文件,在现有的data属性中追加这两个动态数据的值，使其仍然可以显示原先的内容。修改JS文件中getMyInfo函数的代码,使获取到的信息更新到动态数据。

因为版本的问题，对代码按照老师的思路进行了修改，修改了index.js、index.wxml、app.js文件。
在这里插入图片描述