00:00
上一节我们介绍了会员充值列表页面。这一节我们主要是想介绍一下原充值的一个页面。嗯,会员充值页面的话,主体的功能是在这个会员列表这儿,如果我点击标题的话就打开。需要做的话,首先是需要添加一个新页面,会员充值的页面啊,在左侧这个页面管理里头,点击创建新页面这个按钮。然后录入页面的标题,会员充值。页面ID的话,一般咱们输入英文就可以。Balance。点击确定,然后完成了页面的创建。为了方便我们演示的话,我们首先在这个会员充值页面添加一个导航的功能。便于区分,然后切换到这个组件的这个菜单。然后找到导航下面的一个导航栏的一个组件,我们修改切换到数据页,就我们修改一下导航的标题。
01:10
然后把这一项打开的话,它这个导航条就出现了左侧的一个返回按钮。呃,现在点上去是没反应的,需要给他定义一个事件,点击时间验签。然后我们选择平台方法。Get back返回,确定添加,这样就可以了。会员充值页面创建好了之后,我们再点这个页面管理,切回到这个充值列表页面。我们选中这个标题。我现在其实是要点击标题打开一个新的页面嘛,嗯,所以需要把这个会员的这一个主件传过去,我们要这个事件的话,不是有几种动作类型,低代码,B代包和数据源,因为我们现在要做一个传参的动作,所以我们使用这个低代码进行实现。怎么创建低代码呢?在头部这个导航条上有一个低代码编辑,点击一下。
02:12
现在就是打开了一个整体的页面,它包括几部分,就是这前三部分,就是公共区域,就是style,是全局的样式。你默认页面这些各种各样的显示效果,可以在这里头定义,呃,Life c的话呢,是生命周期管理,一般就是你这个页面打开啊,或者应用打开啊,要做一些初始化的动作,可以在这里配置,Common的话,一般是呃,一些公用的操作。就是一些全局的一些函数啊什么的,可以在这里定义。然后我们是要在这一个会员列表页面增加一个低代码方法,要在哪个地方增加呢?就是这个handle德尔,Handle德尔它其实就是相当于是一个自定义函数。然后创建的话是我们点这个handle旁边这个加号。
03:04
然后它会让你输入一个,呃。低低代码的名称,我们输入一个嗯,Navigate。导航。然后点击保存。里头的方法的话要怎么写呢?嗯,因为我这个原来这个教程已经有了,我就呃,从我这个教程里头直接粘一下。就行。点这个复制按钮。然后粘过来的话,咱们把这个覆盖一下。粘贴一下它其实是呃,这个函数的意思就是要调用平台的一个API,那get to的话就是导航的意思,打开一个新页面,然后配置ID,咱们刚才是输入了一个a balance。这里头再说一下,就是刚才咱们那个英文ID就是在这里头用的。
04:03
然后我会给他传一个参数,呃,Member ID ID,然后date.target的话,是因为你一点击的时候,当前那个事件里头就会带参数过来,然后通过这个date点它给的这个语法来获得的。页面上传过来的参数,这样我点保存一下我这个D代码方法就执行成功了。成功了之后,然后我们就需要在页面上,然后进行配置。呃,现在我这个鼠标把这个组件选中,选中这个执行动作的话,我选择刚才咱们定义的navigate。嗯,他现在不是要传传一个参数嘛,是吧。传输参数的时候,我就要做一个数据绑定。点击这个,然后因为咱们是一个循环,所以从循环变量里头,然后找到这个,这就是下划线按,就是它当前这条记录的一个主线,你确定。
05:02
这样,然后咱们点击确定添加啊,这一个低代码的一个方法就完成了,完成了之后,呃,咱们预览发布一下,看看刚才设置的是不是生效了。然后点击这个实时预览。现在是页面正在编译,编译完了之后咱们可以看到具体的一个效果。稍等片刻。然后点击这个充值。看现在是打开了的一个。呃,列表页面有好多内容。很多内容的话,然后我这个点击其中的一条,诶,他现在就是到时候这个会员充值,我刚才不是设置一个时间,咱们点一下看起不起作用。啊,也能回到这个列表,好了,这一节咱们就讲到这儿。
我来说两句