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

这篇具有很好参考价值的文章主要介绍了培训报名小程序-用户注册。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


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

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

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的用法才可以按照自己的需要实现具体的功能,感兴趣的同学照着教程练习一下吧。文章来源地址https://www.toymoban.com/news/detail-648978.html

到了这里,关于培训报名小程序-用户注册的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 100 行代码实现用户登录注册与 RESTful 接口 - 手把手教程附 Python 源码

    在开发大多数应用时,用户系统都是必不可少的部分,而我们总是需要开发围绕用户的登录,注册,获取,更新等接口。在这篇文章将带你用一百多行代码简洁地实现一套这样的用户鉴权与 RESTful 接口,并使用 Session 来处理用户的登录登出 我们将使用 UtilMeta 框架 完成接口开

    2024年02月19日
    浏览(44)
  • 基于微信评选投票小程序毕业设计作品成品(11)用户注册和登录接口

    博主介绍: 《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,免费 项目配有对应开发文档、开题报告、任务书、PPT、论文模版

    2024年02月07日
    浏览(50)
  • 基于微信电子书小说阅读小程序毕业设计成品作品(12)用户注册和登录接口

    博主介绍: 《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,免费 项目配有对应开发文档、开题报告、任务书、PPT、论文模版

    2024年02月08日
    浏览(54)
  • Django使用DRF + Simple JWT 完成小程序使用自定义用户的注册、登录和认证

    在已经配置好djangorestframework-simplejwt的前提下进行 小程序用户模型类 这里的模型类并未继承django自带的用户模型类,好处是后面小程序用户也是没法进行admin端的,缺点是可能会对django自带的权限管理有影响,如果只有小程序端的用户的话没问题,但是如果还有其它用户的话

    2024年02月10日
    浏览(49)
  • 软件著作权实名认证怎么做?【用户注册】如何进行用户注册?

    【用户注册】如何进行用户注册? 第一步:进入中国版权保护中心官网,点击右上角注册。中国版权保护中心 (ccopyright.com.cn)  第二步:进入用户注册页面,阅读用户协议,点击【同意并继续】按钮。 第三步:选择注册的账户身份。著作权人是个人点击个人,著作权人是公司

    2024年02月13日
    浏览(45)
  • Django用户注册和用户配置扩展

    本篇是在完成用户登录登出,密码修改功能后,扩展用户注册功能。 关于用户登录、注销、更改密码和重置密码。请查看 Django身份验证初试-CSDN博客 Django登录注销视图-CSDN博客 Django密码修改和重置视图-CSDN博客 创建一个表单,让用户输入用户名、真实姓名和密码。 编辑位于

    2024年01月17日
    浏览(47)
  • 尚融宝20-实现用户注册和用户认证

    目录 一、需求 二、前端整合发送验证码 三、实现用户注册 1、创建VO对象 2、定义常量 3、引入MD5工具类 4、Controller 5、Service 6、前端整合 四、实现用户登录 1、后端整合JWT 2、前端整合 五、校验用户登录 1、后端 2、前端   点击获取验证码后先对手机号进行验证是否为空,其

    2023年04月21日
    浏览(52)
  • HTML实现用户注册页面

    效果图: 编写代码的时候用到了大量的正则表达式,大家可以去主页里找一下,里面有一篇就是关于常用正则表达式的介绍。

    2024年02月11日
    浏览(38)
  • Android用户注册界面设计

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 提示:以下是本篇文章正文内容,下面案例可供参考 根据前面的学习内容,设计如图1所示的用户注册界面,要求如下: (1)将应用的名称、姓名编辑框的输入提示中的“张三”,改为自己的姓名; (

    2023年04月12日
    浏览(51)
  • 【Java案例】用户登录注册

    案例介绍: 编写程序实现简单的用户登录注册功能。程序包含以下4个功能: (1)登录功能,用户输入正确的账号密码登录成功; (2)注册功能,输入用户名和密码进行注册; (3)查看功能,查看所有的用户名与密码; (4)退出功能,退出系统; 用户可以输入对应的编

    2024年01月16日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包