培训报名小程序-用户注册

简介: 培训报名小程序-用户注册



我们的培训报名小程序,用户每次打开时都需要填写个人信息才可以报名,如果用户多次报名课程,每次都需要填写个人信息,比较麻烦。

本篇我们就优化一下功能,打开小程序的时候我们判断用户是否注册,如果已注册就直接提取个人信息,如果未注册就引导用户注册。

1 创建数据源

先创建一个报名人员信息表

然后创建字段,我们的字段有姓名、性别、身份证、电话、工作单位,为了控制数据权限我们增加一个openid字段

2 注册用户

数据源建好了之后,我们新建一个用户注册的页面

用户注册的话我们使用表单容器来开发,拖入表单容器,数据源选择我们刚刚创建的数据源

这里要注意,openid需要绑定输入值,绑定为用户登录信息里的openid

然后切换到样式,影藏组件

选中表单容器,我们在提交成功之后增加一个返回上一页的事件

3 判断用户是否注册

如何判断用户是否注册呢?这需要在生命周期函数中做判断,打开应用编辑器,在右下角点击代码编辑器

首先呢我们需要获取一下用户的openid,可以从当前的登录对象里获取,先输入如下代码获取用户的登录信息

var openid ;//存储登录用户的id
    //获取当前登录用户基本信息
    await $app.auth.getUserInfo().then(res =>{ openid = res.openId});

获取到信息之后,按照这个登录信息去用户表匹配去

const user = await app.cloud.callModel({
      name:'bmry_v3qpbaf',
      methodName:'wedaGetItem',
      params:{
        where:[{
          key:'openid',
          rel:'eq',
          val:openid
        }]
      }
    })

然后根据用户信息是否获取到来做路由跳转

if(JSON.stringify(user) === "{}"){
      app.navigateTo({
        pageId: 'u_yong_hu_zhu_ce',    // 页面 Id 
        });
    }else{
      $app.dataset.state.user = user
    }

4 完整代码

export default {
 async onPageLoad(query) {
    //console.log('---------> LifeCycle onPageLoad', query)
    var openid ;//存储登录用户的id
    //获取当前登录用户基本信息
    await $app.auth.getUserInfo().then(res =>{ openid = res.openId});
    console.log("openid",openid)
    const user = await app.cloud.callModel({
      name:'bmry_v3qpbaf',
      methodName:'wedaGetItem',
      params:{
        where:[{
          key:'openid',
          rel:'eq',
          val:openid
        }]
      }
    })
    if(JSON.stringify(user) === "{}"){
      app.navigateTo({
        pageId: 'u_yong_hu_zhu_ce',    // 页面 Id 
        });
    }else{
      $app.dataset.state.user = user
    }
  },
  onPageShow() {
    //console.log('---------> LifeCycle onPageShow')
  },
  onPageReady() {
    //console.log('---------> LifeCycle onPageReady')
  },
  onPageHide() {
    //console.log('---------> LifeCycle onPageHide')
  },
  onPageUnload() {
    //console.log('---------> LifeCycle onPageUnload')
  },
}

总结

我们本篇介绍了用户注册以及在首页判断用户是否注册来自动跳转的内容,在开发业务逻辑的时候,需要熟练掌握javascript以及微搭API的用法才可以按照自己的需要实现具体的功能,感兴趣的同学照着教程练习一下吧。

相关文章
|
6月前
|
小程序 程序员 开发工具
电商小程序05用户注册
电商小程序05用户注册
|
6月前
|
移动开发 小程序
知识付费小程序注册时类目该如何选择?
知识付费小程序注册时类目该如何选择?
|
2月前
|
JSON 小程序 前端开发
创建一个属于自己的小程序(注册开发账号)
介绍如何创建微信小程序账号,包括注册流程、下载安装微信开发者工具、创建项目以及项目结构介绍。
创建一个属于自己的小程序(注册开发账号)
|
5月前
|
小程序 数据安全/隐私保护
微信小程序怎么注册账号
微信小程序怎么注册账号
98 3
|
24天前
|
小程序
微信小程序的注册流程
微信小程序的注册流程
53 0
|
3月前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
|
6月前
|
小程序 前端开发 程序员
微信小程序开发入门教程-小程序账号注册及开通
微信小程序开发入门教程-小程序账号注册及开通
|
4月前
|
JSON 小程序 JavaScript
【微信小程序-原生开发】实用教程13 - 新用户注册审核(含页面的下拉刷新)
【微信小程序-原生开发】实用教程13 - 新用户注册审核(含页面的下拉刷新)
51 0
|
4月前
|
小程序 开发工具 开发者
【微信小程序-原生开发】实用教程01-注册登录账号,获取 AppID、下载安装开发工具、创建项目、上传体验
【微信小程序-原生开发】实用教程01-注册登录账号,获取 AppID、下载安装开发工具、创建项目、上传体验
54 0
|
6月前
|
小程序 开发者
注册小程序账号&安装开发者工具
该内容是一份指南,描述了如何注册并激活微信小程序账号的步骤。首先,访问网址后点击“前往注册”。接着,按照提示依次填写个人信息。完成注册后,检查邮件进行激活。选择主体类型为个人,并填写相关主体信息。之后,使用微信扫描二维码验证。成功后,获取小程序的App ID并保存。下载并安装微信开发者工具,扫码登录。最后,通过开发者工具创建新的小程序项目,填写项目信息,包括之前获取的App ID,选择不使用云服务,然后点击新建以开始项目。
81 0