深圳网站设计实力乐云seo,极简app制作器,wordpress 付款查看,深圳微商城网站制作目录 1 创建数据源2 注册用户3 判断用户是否注册4 完整代码总结 我们的培训报名小程序#xff0c;用户每次打开时都需要填写个人信息才可以报名#xff0c;如果用户多次报名课程#xff0c;每次都需要填写个人信息#xff0c;比较麻烦。 本篇我们就优化一下功能#xff0c… 目录 1 创建数据源2 注册用户3 判断用户是否注册4 完整代码总结 我们的培训报名小程序用户每次打开时都需要填写个人信息才可以报名如果用户多次报名课程每次都需要填写个人信息比较麻烦。 本篇我们就优化一下功能打开小程序的时候我们判断用户是否注册如果已注册就直接提取个人信息如果未注册就引导用户注册。
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的用法才可以按照自己的需要实现具体的功能感兴趣的同学照着教程练习一下吧。