小程序开发文档说明

小程序开发说明文档

1、 目录结构：

页面目录（小程序页面集合）

索引目录（索引页）

指数Js（页面的私有程序）

有一个Page对象指定页面的初始数据、生命周期回调、事件处理函数等

参数示例：

数据：页面的初始数据

OnLoad：监听页面加载

OnShow：监控页面的显示

OnReady：聆听页面第一次渲染的完成情况

OnHide：隐藏监听页面

OnUnload：监听页面卸载

onPullDownRefresh：监听用户下拉操作

OnReachBottom：页面上底部拉事件的处理函数

OnShareAppMessage：用户单击右上角转发

指数Json（页面的专用配置）

重量高于全局配置。当页面有特殊要求时，可以覆盖全局配置

基本参数与全局配置相同（除了一些特殊的全局参数）

指数Wxml（页面的dom结构）

WXML（WeiXin Markup Language）是一套用于框架设计的标签语言

-基本标签：

View和div是等效的。它们是无意义的盒子容器，但在浏览器中仍呈现为dv

-数据绑定：

>小程序的基本语法类似于vue，数据绑定也是如此

它由｛｛｝｝定义，并将直接绑定到页面对象的数据中的值。也可以称为文本插值

在属性中，即使“”或“”中的｛｛｝｝也可以是数据绑定的

小程序定义了关键字true和false，可以直接在｛｛｝｝中使用

操作可以在｛｛｝｝中执行，包括三值运算、算术运算、逻辑判断、字符串运算、数组运算对象等

示例代码：

//.wxml文件

｛｛message｝｝

<；/视图>

<；/复选框>

//.js文件

第页({

数据：{

消息：“你好，MINA！”，

id:0

}

})

列表呈现：

使用组件上的wx:for-control属性绑定数组，以便可以使用数组中每个项的数据重复渲染组件。

示例代码：

//. wxml文件

//块是一个无意义的框，可以承载wx:for等命令。与视图不同，此标记不会显示在页面上

<块wx:for=“｛｛数组｝｝”>

//Index是小程序返回的当前循环的索引值，item是当前值

{{index}}:｛｛item.message｝｝

//. js文件

第页({

数据：{

数组：[

｛消息：“foo”｝，

｛消息：“bar”｝

]

}

})

//------------------------------------------------

//. wxml文件

//Wx:for也可以嵌套。下面是99乘法表：

//循环嵌套将导致重复的项名称或索引名称。您可以手动修改索引项wx:的：wx:

｛｛i｝｝*｛{j｝｝={｛i*j｝}

条件渲染：

Wx:if（添加或删除）

Wx：如果要确定代码块是否需要渲染，具体来说，添加和删除dom结构

示例代码：

真

//Wx:if有额外的Wx:else，这与js中的if-else相同

1

2

3

隐藏的

隐藏以确定是否需要显示代码块，特别是显示或隐藏dom结构

示例代码：

模板：

WXML提供了模板函数。您可以在模板中定义代码片段，然后在不同的地方调用它们。

模板有自己的范围。只能使用数据传入的数据和模板定义文件中定义的<；wxs/>模块化。

示例代码：

//定义模板

//使用name属性作为模板的名称，然后单击