温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
上节,我们带着小伙伴们实现了会员管理小程序的一个首页。目前的话,现在首页上是展示了四个功能,包括会员登记,充值消费和发票申请。当然只有图标还是不够的,我们一般小程序的话,呃,需要定义这些图标的一个事件,所谓的事件就是点击图标的时候,计算机给你做出了一个回应。我们现在要实现什么?什么意思呢?就是点击这个会员登记,然后它会打开一个登记的页面。呃,具体如何做呢?我们是首先需要创建一个新页面,在左侧这个页面管理这一块,点击创建新页面的按钮。然后输入页面的标题,我们现在是叫会员登记。页面ID的话,一般咱们是会有啊,英文的话起一个有业务意义的一个单词。
01:06
登记的话,我们现在就叫member。Courage。然后输入好了之后点击确定就可以。这样一个页面就创建成功了。呃,新页面这个会员的页面创建成功之后,我们需要回到首页。然后呃,具体的话是它现在是组件上的话,只允许在容器上定义是一个事件,那我们在大纲数里头,然后选中这个容器组件。右侧的话就是这个组件的,呃,三个可编辑的一个区域,第一部分是数据数据。嗯,像咱们容器的话,是没有可以绑定的一个数据,呃,我们这个的话就是切换到第三个页件事件就可以了。然后的话,呃,触发条件这块是这一个组件可以响应的各种动作,像这里头有点击呀,长按呀,触摸开始呀。
02:10
我们现在用点击就可以。然后动作类型的话是有三种选择,第一种是低代码,低代码这块的话就是我们世界可以自己写代码,然后如果你要有业务逻辑的话,可以在代码里头进行实现,后两的话都是平台预制好的。呃,我们现在是这个业务逻辑是点击这个图标的话就跳转,所以我们选择第二个平台方法。然后要执行的动作的话,因为是跳转,所以我们选择这个导航。然后呃,他需要选择一个页面,其实我们这里头就是刚才创建这个会员登记这个页面就行。页面选择好了之后,我们点击确定添加这个按钮就可以这样,呃,一个点击的事件就。
03:03
创建好了,创建好之后一般我们是需要进行测试的,呃,右侧这个区域的话是预览区域,它其实点击的时候你看不到效果,因为在预览区域的话,嗯,它是禁止这个。页面跳出了,我们要怎么看到具体的一个效果呢?呃,点击菜单栏这块这个实时预览的功能。它会弹出一个二维码,二维码的话,这个是你可以用手机扫码,在手机上进行操作,一般我们在桌面进行开发的时候,点击下头这个实时链接就行。然后它的页面是在浏览器里头有一个编译的一个过程。现在就编译成功了,编译成功之后,我们点击一下这个会员登记。诶,你看到他这个页面就跳转了,因为我们在那个登记页面其实是啥也没放,所以看到是一个空白页,我们再退回一下。
04:07
整体我们这个首页现在就是这样一个效果。
我来说两句