家政服务小程序实战教程03-创建自定义应用

news2024/11/15 11:13:55

我们上一篇讲解了创建模型应用，模型应用是给管理员使用的。普通用户日常办理业务还是在小程序完成。

微搭中的小程序需要通过创建自定义应用来创建，进入控制台，点击应用，点击新建应用，选择新建自定义应用

在这里插入图片描述

输入应用的名称

在这里插入图片描述

按照我们前述章节，是需要先判断用户的类型，根据不同的类型引导到注册页面，来填写具体的信息。

因为我们的注册用户是将信息存入用户表里，需要程序一加载的时候就从数据源中提取数据，加载到页面上。提取数据我们可以通过数据模型的api来完成。而存在页面上需要先新建变量进行保存。

点击应用编辑器顶部的变量，点击新建变量

在这里插入图片描述

输入变量的名称，类型我们选择对象

在这里插入图片描述

对象类型的变量可以从数据模型中读取，也可以自定义，我们选择JSON

在这里插入图片描述

默认值我们给赋一个初始值，因为后续在字段隐藏的时候需要根据字段是否有值来进行展示。初始值如下：

{
  id:"",
  xm:"",
  xb:"",
  lxdh:"",
  dz:"",
  xqmc:"",
  ldxx:"",
  yhzt:"",
  js:"",
  openid
}

变量创建好了之后就有一个初始化的问题，可以在生命周期函数里加载数据，点击顶部导航条的代码编辑器

在这里插入图片描述

在onAppLanch里我们加载数据，输入如下代码

export default {
  async onAppLaunch(launchOpts) {
    //console.log('---------> LifeCycle onAppLaunch', launchOpts)
    const result = await app.cloud.callModel({
      name:'jzglyhb_axoxmlv',
      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]
    }
  },
  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)
  }
}