微信小程序开发与测试教程

小程序应用分析

简要介绍

小程序是微信开发的无需下载安装即可使用的应用程序。

物质

微信小程序是技术的应用。

App（混合模式移动应用程序）。

小程序可以调用手机本身的更多功能（例如位置信息、相机等）。

小程序注册

小程序开发框架逻辑层由 编写，逻辑层处理数据并发送给视图层，同时接收视图层的事件反馈。小程序为了方便开发做了一些修改：增加App和Page方法，用于注册程序和页面。

App()函数用于注册一个小程序，接受一个参数，指定小程序的生命周期函数等。

Page() 函数用于注册页面。它接受一个参数，该参数指定页面的初始数据、生命周期函数、事件处理函数等。生命周期函数包括：

：页面加载

一个页面仅被调用一次。

：页面显示

每次打开页面时都会调用此函数。

：页面初始渲染完成

一个页面只被调用一次，表明该页面已经准备好与视图层交互了。

: 页面隐藏

底部标签切换时调用

：页面卸载

当或时调用

小程序实例分析

创建项目

现在是内测版，都是腾讯内部发布的，不过没有它，也不影响测试开发，我们可以选择不做测试开发，但是不能在真机上调试。

选择项目目录，然后添加项目。

编写代码

点击开发者工具左侧导航中的“编辑”，我们可以看到这个项目已经初始化完毕，包含了一些简单的代码文件，分别是app.js、app.json、app.wxss。其中app.js就是我们传统的js文件，app.json是项目配置文件，app.wxss是项目css文件。微信小程序会读取这些文件，生成小程序实例。

应用程序.json：

app.json是整个小程序的全局配置，一共有5个属性，官方的配置表如下：

在这个文件中，我们可以配置小程序由哪些页面组成，小程序窗口的背景颜色，导航栏的样式，以及默认的标题。注意，这个文件不能加注释。

用于设置小程序的状态栏、导航栏、标题、窗口背景颜色。

里面包含了程序所有页面的目录，所有需要跳转的页面都需要在里面配置。

：

是底部导航栏部分，API是

配置完成后，任意页面都会出现一个选项卡导航栏，其中列表包含配置选项卡中的按钮数量，本例中为两个。列表中有多个属性

案例APP的app.json为：

：[

//，

/日志/日志

]，

：{

：，

：，

xt：应用程序，

勒：

}，

：{

：红色的，

列表： [{

： //,