当前位置: 首页 > article >正文

电商小程序05用户注册

目录

  • 1 搭建页面
  • 2 设置默认跳转
  • 总结

我们上一篇拆解了登录功能,如果用户没有账号就需要注册了。本篇我们介绍一下注册功能的实现。

1 搭建页面

打开应用,点击左上角的新建页面
在这里插入图片描述
输入页面的名称,用户注册
在这里插入图片描述
删掉网格布局,添加表单容器
在这里插入图片描述
选择注册用户数据源,会根据数据源的字段自动生成页面
在这里插入图片描述
打开姓名的必录项
在这里插入图片描述
账号、密码、手机号按照同样方法打开必录项
在这里插入图片描述
选择用户状态,设置选中值,设置为“1”
在这里插入图片描述
在这里插入图片描述
这里为什么要设置1呢,是和我们的通用选项集的设置有关系的,比如我们用户状态设置了1为启用,2为禁用,那么就需要根据选项集的状态来设置默认选中
在这里插入图片描述
这些都是系统需要使用的字段,无需向用户展示,切换到样式,隐藏布局
在这里插入图片描述
按照同样的方法设置审核状态,默认选中为待审核
在这里插入图片描述
角色的话设置默认选中值为2,表示普通用户
在这里插入图片描述
openid的话从当前登录用户信息里获取
在这里插入图片描述
为什么要设置这个值呢?当用户登录小程序后,openid相当于微信的唯一标识,我们可以通过这个标识快速的过滤属于用户自己的数据。通常在做业务提交操作的时候我们都需要带上这个信息。

在编辑器因为是网页形态,是看不到用户的openid的信息的,需要你发布成小程序在手机上进行测试。

还有一些是从传统开发过来的程序员,喜欢在测试的时候拉起微信开发者工具,我的习惯还是喜欢在真机上调试,通过手机的console控制台也是一样可以看到信息的,也没必要再拉起一个开发工具去调试,这个地方就看个人喜欢和习惯了。

2 设置默认跳转

我们这个时候点击提交的时候只是会提示一个成功信息,为了方便用户进行登录,在提交成功之后我们需要返回登录页面。

选中表单容器,点击设置组件内置方法
在这里插入图片描述
在成功时,设置返回上一页
在这里插入图片描述
这样点击提交的时候就可以返回登录页了

打开我们的登录页,设置立即注册按钮的跳转,点击事件选择打开页面,选择我们的注册页面
在这里插入图片描述
在这里插入图片描述

总结

我们本篇带着大家实现了注册的功能,在低代码中,像这种提交页面,直接选择组件自动生成就可以,无需写代码,这一点还是能体现出低代码的提效的特点的。


http://www.kler.cn/news/233664.html

相关文章:

  • 吉他学习:C大调第一把位音阶,四四拍曲目练习 小星星,练习的目的
  • Mac OS 取消隔离扩展属性
  • HCIA-HarmonyOS设备开发认证V2.0-3.2.轻量系统内核基础-时间管理
  • #vu3# element plus表格的序号字段
  • STM32CubeMX,定时器之定时功能,入门学习,如何设置prescaler,以及timer计算PWM输入捕获方法(重要)
  • C语言笔试题之求出二叉树的最大深度(递归解决)
  • 【MATLAB源码-第138期】基于matlab的D2D蜂窝通信仿真,对比启发式算法,最优化算法和随机算法的性能。
  • Centos7.9安装SQLserver2017数据库
  • 【Make编译控制 01】程序编译与执行
  • 备战蓝桥杯---动态规划(基础3)
  • 虚拟飞控计算机:飞行控制系统验证与优化的利器
  • 汇编语言程序设计(二)十六位汇编框架、子程序与堆栈
  • 小周带你读论文-2之“草履虫都能看懂的Transformer老活儿新整“Attention is all you need(4)
  • 2024年-视觉AI检测的面试题目总结
  • 如何实现视线(目光)的检测与实时跟踪
  • 《CSS 简易速速上手小册》第5章:CSS 动画与过渡(2024 最新版)
  • 【社交电商】带直播电商功能,可以DIY前端,可以H5和小程序一般商城常用功能齐全
  • C++Linux网络编程day02:select模型
  • 基于完全二叉树实现线段树-- [爆竹声中一岁除,线段树下苦踌躇]
  • 风行智能电视G32Y 强制刷机升级方法,附刷机升级数据MstarUpgrade.bin
  • 【Java八股面试系列】并发编程-并发关键字,线程池
  • Leetcode 337 打家劫舍 III
  • 软件测试学习笔记-使用jmeter进行性能测试
  • ChatGPT高效提问—prompt常见用法(续篇四)
  • Acwing831KMP字符串
  • 【极数系列】Flink集成KafkaSink 实时输出数据(11)
  • 神经网络 | CNN 与 RNN——深度学习主力军
  • Redis篇之过期淘汰策略
  • springboot微信小程序 uniapp学习资料分享系统v9uy4
  • 【大厂AI课学习笔记】【1.5 AI技术领域】(8)文本分类