首页 >> 牛刀云小程序开发教程 >> 第1篇 制作模式 >> 页面制作 >> 页面基础

4.2.3 页面调度

    小程序的前端是由若干个页面构成的。运行时,在一个页面中可以打开另一个页面,页面之间还可以进行数据传递。在同一时刻,允许多个页面同时运行,有且只有一个活动页面,即当前页面。页面调度包括打开页面和关闭页面。

1、打开页面

打开页面有如下4种方式。

l  打开子页面:隐藏当前页面,打开新页面。适合用于实现从列表页中打开新增页和编辑页,保存后将数据返回列表页的情景

l  保留当前页跳转:即wx.navigateTo方法。隐藏当前页面,打开新页面,关闭新页面后,返回当前页面

l  关闭当前页跳转:即wx.redirectTo方法。关闭当前页面,打开新页面,关闭新页面后,不返回当前页面,当前页面已经被关闭

l  跳转到TabBar页面:跳转到导航栏按钮对应的激活页面,并关闭其它所有非导航栏按钮对应的激活页面

以上4个打开页面的方式,对应4个操作,操作中的参数说明见表4-2

4-2  打开页面操作参数说明

参数

必填

说明

页面源/页面

选择要打开的页面

共享数据集

仅打开子页面操作支持。是指需要通过子页面显示或维护的数据集,在当前页面和子页面中都存在,打开子页面时给子页面传递该数据集当前行的主键,子页面中的该数据集如果是自动加载的,就会用传入的主键过滤数据,即只显示主键对应的数据

参数

给被打开页面的参数赋值,实现参数传递

 

2、设置页面参数

操作中的“参数”属性是给被打开页面的参数赋值,那么如何设置被打开页面的参数呢?在被打开页面的“页面”组件中设置“页面参数设置”,如图4-19所示,设置后打开页面操作的“参数”属性就会列出被打开页面中设置的参数,如图4-20所示。

4-19  定义页面参数

参数的“显示名称”可以输入中文,“名称”不能输入中文,输入相同含义的英文即可,“数据类型”需要根据参数值进行选择。

4-20  给页面参数赋值

3、在页面中使用页面参数

    在页面上,添加页面参数后,在表达式编辑器的数据区域中会显示,如图4-21a所示,像使用数据列一样使用即可。关于表达式编辑器参见“4.3.1组件基础属性”一节

4-21a  使用页面参数

 

4、关闭页面

关闭页面提供了2个操作。

l  关闭页面:关闭当前页面

l  关闭当前返回:即wx.navigateBack方法,根据设置的关闭页面数,返回上一页面或多级页面,如果关闭页面数大于现有页面数,则返回到首页