00:01
上一节我们讲解了在会员列表,点击列表的标题,可以跳转到会员的充值页面。本节的话,我们主要是介绍在充值页面如何接收列表页面传过来的参数,然后显示会员的一个基本信息。在介绍之前的话,呃,我再介绍一下现在这个编辑器的一个变化。因为本视频课程在录制的过程中。官方的这个软件也是在不断的优化,可能你现在打开的软件和我。讲解过程中会稍有不同。主要的优化点它是在左侧这一个,以前的话是页面管理和这个大纲数是需要来回切换。然后。测试的时候好多人也提这个意见,这样的话,因为频繁的切换的话,不利于这个效率。所以官方现在是把这个大纲数的这个视图。
01:01
和这一个页面管理功能合并了,它就这一块的话可以这样收缩,这样的话,因为你这个大纲数一直是固定在这儿,固定在这儿,然后便于在这个页面上的一个操作,再到前几节我们可以看到在这个导航条这儿有一个变量管理,现在它这个地方没有了,没有呢?他去哪呢去认,它是放在这里头,叫数据源变量管理,就是以这一个数据库的这个图标的形式,你可以切换。这样的话可以看到。所以咱们现在目前创建的一个页面。嗯。介绍完这一个软件变化的话,我们现在进入到实际的开发的过程。呃,现在咱们打开的是这个列表页面,所以我们先需要,呃,进入到这个。通过这个页面管理,进入到我们的一个充值会员充值的一个页面。哎,在这里这头,我们上一节是往这个页面放了一个导航条组件,方便和这个列表页面进行一个切换。
02:08
嗯,要想接收这个列表页面传过来的参数,你先需要定义一个变量,定义变量的方法就是选择一个数据源变量管理。然后我们选择这个会员充值,现在不是它有一个当前页面嘛,是吧。然后我就点旁边这个加号,加号的话,然后嗯,以前咱们在过去的话,它是分成两个页签,现在它合并了。图片的话,我现在是要定义一个参数变量,参数变量就相当于我可以接收呃外头传过来的值,然后具体的变量标识的话,因为我们在上一节那个低代码方法里头是传了一个member ID,所以我们这里的定义也可以这样。然后点击提交就可以了。
03:04
这样的话,参数变量定义好之后,它就可以技术参数了,但是我们真正是在页面上显示的时候,是需要通过呃,根据这个传入的这一个会员的一个组件信息去数据库查询这条信息,那我们还需要再创建一个变量。嗯,然后变量标识的话,我们定义成member。魔性。类型的话,因为我们是需要。查询数据库嘛,所以我这个类型的话是选择第二个模型变量。然后要选择我们这一个他的这个数据源。啊,我们就是这个会员信息的这一数据。然后方法的话是我们现在是需要。获取这一个单条信息,所以选这个get item。然后。嗯,其实它是需要根据ID过滤的嘛,所以我们这个变量化的入参这一块,和我们这个参数变量绑定一下。
04:08
爱情的他。这样的话就可以了,你看现在他这一个其实就是,呃,根据这一个。参数变量,然后去。过滤这个会员的一个基础信息。变量定义好了之后,我们就需要搭建的一个页面,搭建页面的话,首先我们需要把这一个会员的一个基本详情显示一下。所以我们切换到这个组件视图。组件视图的话,我现在是。要用一个,嗯。这个展示这个分类下面的有一个列表元素是吧。然后第一个的话是,嗯。切换到这个数据,也全部把这个改一下,第一个叫姓名。
05:06
然后把这些都去掉。嗯,姓名的话,咱们把这个右侧的这一个。显示详情也去了。然后右侧内容的话,我们是绑定的这个状态变量里头的一个内容。就我们刚才定义那个member。然后。绑定的是他这个name。这个弄好了之后,我们再要显示一下会员的这一个手机号,再添加一个列表元素。嗯,这个是手机。去掉。右侧内容绑定的话是他的那个。
06:00
手机phone。然后其实我们还需要绑定一个,就是它的现在当前的余额。这个区。然后把余额信息显示出来。然后。详情也关掉。啊,现在这一个详情,这个信息我已经做好了,那么要看一下现在这个设置是否成功,我先保存一下。把这个操作提交到服务器上。然后咱们预览一下效果。点击这个实时预览。
07:01
稍等片刻,让他先编译一下代码。然后我们是点击这个充值的信息。先是展示一个会员的列表,然后我们点击一个一条这个数据。哎,你看他这个就把这个信息都带过来了。带过来说明我们现在这个,呃。传参这个动作是生效的。我们本节就介绍到这儿。
我来说两句