订水商城H5实战教程-04用户注册

简介: 订水商城H5实战教程-04用户注册



我们上一篇讲解了用户协议的功能,如果用户同意协议,就可以跳转到注册页面,要求用户录入个人基本信息,本篇我们介绍一下用户注册功能。

1 用户注册

用户注册是使用表单容器完成,打开自定义应用,拖入表单容器组件

选择我们的用户信息数据源,表单容器会根据数据源的字段自动生成页面

选中userid,设置userid的输入值,点击fx数据绑定,我们从登录信息里绑定用户的userid

这里的userid为什么会有值呢?因为微搭默认的是匿名登录,你只要一打开H5其实就算是登录了,我们就可以从当前用户对象里获取到登录的信息

数据绑定好之后,这个字段不需要让用户看到,切换到样式,我们隐藏一下组件

角色的话我们设置一下选中值,值设置为3,这样默认了顾客的角色,也同样隐藏一下组件

审核状态,同样我们默认为待审核,选中值设置为1,隐藏一下组件

2 创建模型应用

在移动端用户提交完注册信息后,需要管理员审核开通一下。在微搭中,管理员的功能是通过模型应用来开发的,打开控制台,点击创建应用,新建数据模型应用

勾选数据源

模型应用会自动生成增删改查的页面

3 开发审核功能

目前我们的页面都是自动生成的,需要给一个审核的功能,供管理员操作。点击新建页面,添加一个待办页面

拖入数据表格组件

选择用户信息数据源

设置筛选条件,让我们的审核状态等于待审核

关闭全局按钮配置

操作列的删除按钮改为审核

审核按钮点击的时候我们要弹出审核界面,往页面中拖入弹窗组件

在弹窗内容里添加表单容器,场景选择更新,数据源选择用户信息

给数据标识绑定变量,绑定我们的弹窗入参

给审核按钮设置点击事件,打开我们的弹窗,并且传入当前记录的数据标识

$w.table1.cell__custom__option.record._id

设置确认按钮的事件,调用数据源方法

选择用户信息数据源,方法选择修改单条

查询条件设置为数据标识等于我们传入的参数

更新的字段,设置审核状态为已审核

在成功时,设置关闭弹窗的事件

在弹窗关闭成功时,再增加一个表格刷新的事件

4 配置菜单

功能开发好后,需要配置一下菜单,点击右下角的导航菜单

生成一下菜单,并调整一下菜单的顺序

将待办页面设置为首页

5 发布预览

菜单配置好之后就可以发布了,点击发布按钮,先发布成体验版

将标红的都点击发布,处理好,待程序发布成功就可以正式访问了

最终效果

模型应用发布后我们就有了一套后台管理软件,日常管理员可以登录后台来处理各种申请

相关文章
|
3月前
|
Web App开发 Go 开发者
我编写了一个手机遥控在线 PPT 翻页工具【Chrome 免费插件】
这是一款开源免费的Chrome插件,支持腾讯文档、Google Slides和微软在线PPT。手机扫码即变遥控器,实现无线翻页、实时画面同步、演讲备注查看、激光标注、观众互动等功能,无需APP,零延迟、高隐私、全免费。
459 0
|
数据格式
51单片机--红外遥控
51单片机--红外遥控
1291 10
|
Linux 测试技术 Android开发
Linux下Android Studio 3.6以及最新版安装图文详解
Linux下Android Studio 3.6以及最新版安装图文详解
1088 0
|
5月前
|
虚拟化 UED Windows
VMware Workstation 12.5.7 安装教程(Windows vmware-workstation-full-12.5.7详细步骤)
本教程详解VMware Workstation 12.5.7安装全流程:从管理员运行安装包、接受协议、自定义路径,到关闭更新与体验计划、创建快捷方式,再到输入密钥或试用,最后验证版本。步骤清晰,兼顾新手与实用需求。(239字)
|
人工智能 算法 网络安全
基于PAI+专属网关+私网连接:构建全链路Deepseek云上私有化部署与模型调用架构
本文介绍了阿里云通过PAI+专属网关+私网连接方案,帮助企业实现DeepSeek-R1模型的私有化部署。方案解决了算力成本高、资源紧张、部署复杂和数据安全等问题,支持全链路零公网暴露及全球低延迟算力网络,最终实现技术可控、成本优化与安全可靠的AI部署路径,满足企业全球化业务需求。
|
关系型数据库 MySQL 数据安全/隐私保护
Windows环境下安装及配置MySQL
本文主要讲解在Windows环境下MySQL的安装、配置
9262 1
Windows环境下安装及配置MySQL
|
机器学习/深度学习 算法 PyTorch
10招立竿见影的PyTorch性能优化技巧,让模型训练速度翻倍
本文系统总结了PyTorch性能调优的关键技术,涵盖混合精度训练、PyTorch 2.0编译功能、推理模式优化、Channels-Last内存格式、图优化与变换、cuDNN基准测试、内存使用优化等多个方面。通过实证测试,文章详细分析了各技术的实现细节、优势及适用场景,如混合精度训练可显著提升计算效率和内存利用率,torch.compile()能自动优化代码生成以加速模型运行。此外,还探讨了推理模式的选择、卷积操作优化及模型构建的最佳实践。这些方法结合良好的编码习惯,有助于开发者构建高效、可扩展的深度学习应用。
1415 3
10招立竿见影的PyTorch性能优化技巧,让模型训练速度翻倍
|
数据采集 Web App开发 API
B站高清视频爬取:Python爬虫技术详解
B站高清视频爬取:Python爬虫技术详解
|
C语言
next数组的两种求法详解及完整代码
求字符串的next数组: 方法一: 这里我们将next数组第1,2位分别设为0,1(还有-1,0这种设法,这里先将其设为0,1若有需要再减一即可) 后面求解每一位的next值时,根据前一位进行比较。 从第三位开始,将前一位与其next值对应的内容进行比较, 如果相等,则该位的next值就是前一位的next值加上1; 如果不等,向前继续寻找next值对应的内容来与前一位进行比较, 直到找到某个位上内容的next值对应的内容与前一位相等为止, 则这个位对应的值加上1即为需求的next值; 如果找到第一位都没有
1260 0
next数组的两种求法详解及完整代码
算法思维之穷举法
算法思维之穷举法