电商小程序05用户注册

简介: 电商小程序05用户注册



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

1 搭建页面

打开应用,点击左上角的新建页面

输入页面的名称,用户注册

删掉网格布局,添加表单容器

选择注册用户数据源,会根据数据源的字段自动生成页面

打开姓名的必录项

账号、密码、手机号按照同样方法打开必录项

选择用户状态,设置选中值,设置为“1”

这里为什么要设置1呢,是和我们的通用选项集的设置有关系的,比如我们用户状态设置了1为启用,2为禁用,那么就需要根据选项集的状态来设置默认选中

这些都是系统需要使用的字段,无需向用户展示,切换到样式,隐藏布局

按照同样的方法设置审核状态,默认选中为待审核

角色的话设置默认选中值为2,表示普通用户

openid的话从当前登录用户信息里获取

为什么要设置这个值呢?当用户登录小程序后,openid相当于微信的唯一标识,我们可以通过这个标识快速的过滤属于用户自己的数据。通常在做业务提交操作的时候我们都需要带上这个信息。

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

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

2 设置默认跳转

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

选中表单容器,点击设置组件内置方法

在成功时,设置返回上一页

这样点击提交的时候就可以返回登录页了

打开我们的登录页,设置立即注册按钮的跳转,点击事件选择打开页面,选择我们的注册页面

总结

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

相关文章
|
2月前
|
存储 小程序 JavaScript
电商小程序09活动管理
电商小程序09活动管理
|
2月前
|
前端开发 小程序 JavaScript
电商小程序04实现登录逻辑
电商小程序04实现登录逻辑
|
21天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的优购电商小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的优购电商小程序的详细设计和实现
38 0
|
2月前
|
缓存 小程序 API
电商小程序08调用缓存
电商小程序08调用缓存
|
2月前
|
小程序 数据安全/隐私保护 容器
电商小程序07显示用户个人信息
电商小程序07显示用户个人信息
|
2月前
|
小程序
电商小程序06用户审核
电商小程序06用户审核
|
2月前
|
小程序 前端开发 数据安全/隐私保护
电商小程序03登录页面开发
电商小程序03登录页面开发
|
2月前
|
存储 运维 小程序
电商小程序02数据源设计
电商小程序02数据源设计
|
18天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。
|
28天前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应,确保统一用户体验;响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中,开发者可借助跨平台框架实现多平台开发,运用响应式布局技术适应不同设备。同时,注意兼容性、性能优化和用户体验,以提升小程序质量和用户体验。通过这些方法,开发者能更好地掌握小程序全栈开发。