微信开发者工具下载完成后图标识的详细流程介绍
发表时间：2023-11-03 18:11:46
文章来源：炫佑科技
浏览次数：182
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
微信开发者工具下载完成后图标识的详细流程介绍
下载完成后，图像标志将如下所示：
2.双击并点击加号，新建一个小程序。
依次输入项目名称和目录。 AppID是唯一的。 如果您还没有注册，可以点击下面的测试号，会自动生成一个APPID。 只需选择 js 作为语言即可。
— 创建成功
文件说明如下：
app.js：项目的入口文件
app.json：整个项目的配置文件
app.wxss：样式文件
自动创建的主页如下。 每个页面都会包含四个文件，分别对应页面的js、css、html和配置文件（json文件）。
下图是一个utils文件微信开发者工具下载完成后图标识的详细流程介绍，是自带的打包好的模块文件，导出来的。 它是使用 中的方法导入的。
我们来看看app.json文件中函数的各个部分：
Pages：表示页数，pages中定义的**个就是项目默认加载的页面，所以index就是默认显示的页面。
：表示整个表单的配置，设置背景颜色、导航栏、文字、标题样式等。
可以随意修改
效果如下：
3.小程序基本语法：
索引.wxml
(1)通过bind给按钮绑定事件
索引.js
(2) 通过此更改数据。 可以实现页面数据的双向绑定。
(3)数据：页面上需要显示的数据放置在这里。
（4）小程序中没有div容器，而是使用了视图，并使用双大括号{{}}来绑定属性，使用点击事件来绑定
（5）小程序中建议使用rpx作为长度单位。 在UI设计给出的宽度为750px的设计稿中，1px=1rpx。
如果设计稿的宽度是375px，那么1px=2rpx
4、小程序开发中有各种组件，可以通过微信开放文档来访问，然后在小程序
我们通过一个例子来了解一下上面的组件如何使用？
（1）首先在pages目录下创建一个主目录，然后在主目录下创建一个新的Page Slave。 此时会自动创建四个相关文件，如下图
(2)然后在index.wxml中编写轮播
效果是：
(3)如果轮播图片较少，可以这样写。 如果图片多了，这样写起来就比较复杂了。 我们可以使用循环微信小程序开发流程，如下所示：
注意：小程序中的循环是wx:for，和vue中的循环不同，里面的变量需要加上双大括号{{}}，然后调用js文件中的data属性图中只是价值。
索引.js：
索引.wxml：
这里有一个循环中的项目。 这是循环时默认有一个item的小程序，它代表循环中的每个item。
通过上面的方法还是可以达到效果的。
5、开发小程序时如何调用接口？
在index.js中写入数据请求：
这时候保存后会报错：
原因：这是因为微信小程序开发过程中，所有网络请求的域名都需要在小程序账号中设置白名单。 我们在开发过程中可以隐藏接口的域名。
如何隐藏？ 点击页面右上角详情：
然后点击本地设置，勾选不验证合法域名：
这个时候就不会报错了。
调用接口如下（通过设置data属性），在页面中调用接口中的数据：
至此，接口调用成功。
6.设置，在app.json的全局文件中设置
效果如下图，可以切换页面：
7. 插入图标
新建一个图片目录，放入你要插入的图标。
然后设置是否点击图标：
效果如下：
8.小程序页面跳转
在pages目录下新建一个文件夹
然后在index.wxml中写入：
在home中，通过标签中的url属性进行跳转。
注：小程序跳转时使用？参数名1=参数值&参数名2=参数值
第二种跳转方式（编程式路由跳转）：
首先在首页添加一个跳转按钮，需要添加点击事件
然后需要在js文件中设置点击事件的跳转路径：
注意：该方法无法跳转到设置的页面
跳转到设置的页面，需要使用如下方法：
