微信小程序实战002:目录结构及重要文件详解

2024-10-12 18:06:04

1、点击右侧空白处的“+”号来创建新项目或者导入已有项目,这里的AppID就是我们注册小程序的时候获取的(进入小程序管理页面,在左侧菜单栏中找到“开发”选项,点击进入该栏后进行点击tab中的“开发设置”选项就可以看到属于我们的AppID),其他默认即可。

微信小程序实战002:目录结构及重要文件详解

3、app.js文件每个小程序都需要在 app.js (名称不可改)中调用 App 方法来注册小程序实例,可以说该文件是小程序的入口文件。同时该文件也是用来定义小程序的全局数据和函数,控制、监听小程序的全生命周期。定义的函数及数据都是全局共享的,其他页面可以直接使用全局函数和数据。而生命周期函数可以针对不同场景可以调用不同的生命周期函数,如onlaunch(监听小程序初始化),onshow(监听小程序显示),onhide(监听小程序隐藏)等。这里需要注意的是App() 必须在 app.js 中注册且只有一个 App 实例,通过 getApp 方法可以获取到全局唯一的 App 实例,但不要在 App() 函数中调用 getApp() 方法,使用 this 就可以拿到 App 实例。

微信小程序实战002:目录结构及重要文件详解

5、WXML文件WXML是一套类似HTML的标签语言,是用来构建页面结构的。标签虽然与HTML有点不同但用法基本一致,同时还具备了类似Vue框架的特性,支持列表循环、条件渲染、模板引用及数据绑定等功能。一段完整的WXML语句由一个开始标签和一个结束标签组成,在标签中可以是内容也可以是其它WXML标签。这里需要注意的是WXML要求标签必需是严格闭合的,没有闭合将会导致编译错误。

微信小程序实战002:目录结构及重要文件详解

7、总结:这几个文件就是小程序中比较重要的文件了,了解了它们就可以创建一个简单的小程序了,其他的可以在后续的学习中慢慢了解。

猜你喜欢