家政服务小程序实战教程06-页面跳转

Posted 2023-03-03 低代码布道师

用户在首次打开我们的小程序后，需要先判断用户是否注册，如果注册就直接跳转到首页，如果未注册跳转到角色引导页。

业务逻辑我们有了，那该如何实现以上的逻辑呢？首先是思考在哪个场景下触发判断。一般我们首次打开小程序时会触发小程序启动事件，在微搭中启动场景是在小程序的生命周期函数中执行各类操作。

在前边的章节里我们已经在小程序启动的生命周期函数中执行了用户信息加载的逻辑，我们需要根据返回的结果做判断。如果没找到数据，那么就表示当前用户未注册，如果找到了就表示已经注册过了。

低码编辑器使用的是javascript，因此你需要先学习一下javascript，我们这里用到了条件判断语句，条件判断先是用If来判断小括号里的表达式的值，如果返回true则执行大括号里边的语句，如果返回false则执行else语句里的内容

具体的语法结构是

if(表达式)
   表达式返回为真执行
else
  表达式返回为假则执行

我们具体执行的是页面跳转方法，微搭提供了各类的API供代码调用，页面跳转的api是

app.navigateTo(
    pageId: 'index',    // 页面 Id 
    params: key: 'value',
);

这里的pageId需要赋值你需要跳转的页面的id，params是页面传参，需要就传入，不需要也可以不传

我们最终的代码

export default 
  async onAppLaunch(launchOpts) 
    //console.log('---------> LifeCycle onAppLaunch', launchOpts)
    const result = await app.cloud.callModel(
      name:'yhxx_5wybupo',
      methodName:'wedaGetRecords',
      params:
        pageNo:1,
        pageSize:1,
        where:[
          
            key:'openid',
            rel:'eq',
            val:$app.auth.currentUser.openId
          
        ]
      
    )
    console.log(result)
    if(result.total>0)
      $page.dataset.state.user = result.records[0]
      app.navigateTo(
        pageId:"index",
        params:
      )
    else
      app.navigateTo(
        pageId:"u_jiao_se_xuan_ze",
        params:
      )
    
  ,
  onAppShow(appShowOpts) 
    //console.log('---------> LifeCycle onAppShow', appShowOpts)
  ,
  onAppHide() 
    //console.log('---------> LifeCycle onAppHide')
  ,
  onAppError(options) 
    //console.log('---------> LifeCycle onAppError', options)
  ,
  onAppPageNotFound(options) 
    //console.log('---------> LifeCycle onAppPageNotFound', options)
  ,
  onAppUnhandledRejection(options) 
    //console.log('---------> LifeCycle onAppUnhandledRejection', options)