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

目录

  • 1 用户注册
  • 2 创建模型应用
  • 3 开发审核功能
  • 4 配置菜单
  • 5 发布预览
  • 最终效果

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

1 用户注册

用户注册是使用表单容器完成,打开自定义应用,拖入表单容器组件
在这里插入图片描述
选择我们的用户信息数据源,表单容器会根据数据源的字段自动生成页面
在这里插入图片描述
选中userid,设置userid的输入值,点击fx数据绑定,我们从登录信息里绑定用户的userid
在这里插入图片描述
在这里插入图片描述
这里的userid为什么会有值呢?因为微搭默认的是匿名登录,你只要一打开H5其实就算是登录了,我们就可以从当前用户对象里获取到登录的信息

数据绑定好之后,这个字段不需要让用户看到,切换到样式,我们隐藏一下组件
在这里插入图片描述
角色的话我们设置一下选中值,值设置为3,这样默认了顾客的角色,也同样隐藏一下组件
在这里插入图片描述

在这里插入图片描述
审核状态,同样我们默认为待审核,选中值设置为1,隐藏一下组件
在这里插入图片描述

在这里插入图片描述

2 创建模型应用

在移动端用户提交完注册信息后,需要管理员审核开通一下。在微搭中,管理员的功能是通过模型应用来开发的,打开控制台,点击创建应用,新建数据模型应用
在这里插入图片描述
勾选数据源
在这里插入图片描述
模型应用会自动生成增删改查的页面
在这里插入图片描述

3 开发审核功能

目前我们的页面都是自动生成的,需要给一个审核的功能,供管理员操作。点击新建页面,添加一个待办页面
在这里插入图片描述
在这里插入图片描述
拖入数据表格组件
在这里插入图片描述
选择用户信息数据源
在这里插入图片描述
设置筛选条件,让我们的审核状态等于待审核
在这里插入图片描述
关闭全局按钮配置
在这里插入图片描述
操作列的删除按钮改为审核
在这里插入图片描述
审核按钮点击的时候我们要弹出审核界面,往页面中拖入弹窗组件
在这里插入图片描述
在弹窗内容里添加表单容器,场景选择更新,数据源选择用户信息
在这里插入图片描述
给数据标识绑定变量,绑定我们的弹窗入参
在这里插入图片描述
在这里插入图片描述
给审核按钮设置点击事件,打开我们的弹窗,并且传入当前记录的数据标识
在这里插入图片描述

$w.table1.cell__custom__option.record._id

设置确认按钮的事件,调用数据源方法
在这里插入图片描述
选择用户信息数据源,方法选择修改单条
在这里插入图片描述
查询条件设置为数据标识等于我们传入的参数
在这里插入图片描述
更新的字段,设置审核状态为已审核
在这里插入图片描述
在成功时,设置关闭弹窗的事件
在这里插入图片描述
在弹窗关闭成功时,再增加一个表格刷新的事件
在这里插入图片描述

4 配置菜单

功能开发好后,需要配置一下菜单,点击右下角的导航菜单
在这里插入图片描述
生成一下菜单,并调整一下菜单的顺序
在这里插入图片描述
将待办页面设置为首页
在这里插入图片描述

5 发布预览

菜单配置好之后就可以发布了,点击发布按钮,先发布成体验版
在这里插入图片描述
将标红的都点击发布,处理好,待程序发布成功就可以正式访问了

最终效果

模型应用发布后我们就有了一套后台管理软件,日常管理员可以登录后台来处理各种申请
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/103634.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Kafka快速入门(最新版3.6.0)

文章目录 一、初识MQ1.1 什么是MQ1.2 同步和异步通讯1.1.1 同步通讯1.1.2 异步通讯 1.3 技术对比1.4 MQ的两种模式 二、初识Kafka2.1 Kafka的使用场景2.2 Kafka基本概念2.3 Topic与Partition 三、Kafka基本使用3.1 部署前的准备3.2 启动kafka服务器3.3 Kafka核心概念之Topic3.4…

【机器学习合集】标准化与池化合集 ->(个人学习记录笔记)

文章目录 标准化与池化1. 标准化/归一化1.1 归一化归一化的作用 1.2 标准化批标准化方法 Batch Normailzation标准化方法的对比自动学习标准化方法 2. 池化2.1 池化的作用2.2 常见的池化方法2.3 池化方法的差异2.4 池化的必要性 标准化与池化 1. 标准化/归一化 1.1 归一化 归…

springcloud笔记 (8) -网关 Gateway

网关 出国需要过海关 网关:网络的关卡 网关的作用 1:路由转发 2:安全控制 保护每个服务,不需要将每个暴露出去 3:负载均衡 1.没有网关:客户端直接访问我们的微服务,会需要在客户端配置很多…

【实战】Kubernetes安装持久化工具NFS-StorageClass

文章目录 前言技术积累存储类(storage class)什么是NFS什么是PV\PVC为什么要用NFS-StorageClass 安装NFS-StorageClass保证N8S集群正常投用安装NFS工具与客户端NFS安装常见错误安装NFS-StorageClass存储器 前言 前面的博文我们介绍了如何用kuberadmin的…

ExcelPatternTool 开箱即用的Excel工具包现已发布!

文章目录 ExcelPatternTool功能特点:快速开始使用说明常规类型高级类型Importable注解Exportable注解IImportOption导入选项IExportOption导出选项单元格样式StyleMapping样式映射使用数据库作为数据源 示例Sample1:不同类型字段导出Sample2:…

乘势“2”上 双影来袭 | 距大势智慧2023秋季新品发布会还有2天!

乘势“2”上 双影来袭 全国产、真安全 大势智慧2023秋季新品发布会 倒计时2天 10.27 | 14:30 一键扫码预约 #实景三维##三维重建##实景三维中国##国产替代##新品发布# ​​​

uni-app小程序,uview-ui组件样式无法穿透修改的解决办法

1.首先设置以下选项.该选项的作用是让微信小程序允许样式穿透. 在需要改动的文件内加上 options: { styleIsolation: shared } 2.然后再使用vue的样式穿透写法. ::v-deep .类样式{} 或者 /deep/ .类样式{}

css总结

记录做项目经常会写到的css 1、左边导航栏固定&#xff0c;右边div占满剩余宽度 <template><div class"entrance"><div class"left"></div><div class"right"><div class"content"></div>…

useLayoutEffect和useEffect的区别

使用方式 这两个函数的使用方式其实非常简单&#xff0c;他们都接受一个函数一个数组&#xff0c;只有在数组里面的值改变的情况下才会再次执行 effect。所以对于使用方式我就不过多介绍了&#xff0c;不清楚的可以先参考官网 。 差异 useEffect 是异步执行的&#xff0c;而…

UG\NX二次开发 获取面的面面积、周长

文章作者:里海 来源网站:王牌飞行员_里海_里海NX二次开发3000例,里海BlockUI专栏,C\C++-CSDN博客 感谢粉丝订阅 感谢 weixin_38891498 订阅本专栏,非常感谢。 简介 UG\NX二次开发 获取面的面面积、周长 效果 代码 #include "me.hpp" #include <NXOpen/Session…

2021年下半年 软件设计师 上午试卷(1-28)

计算机指令系统采用多种寻址方式。立即寻址是指操作数包含在指令中&#xff0c;寄存器寻址是指操作数在寄存器中&#xff0c;直接寻址是指操作数的地址在指令中。这三种寻址方式获取操作数的速度 &#xff08;1&#xff09; 。 &#xff08;1&#xff09; A. 立即寻址最快&am…

小程序设计基本微信小程序的校园生活助手系统

项目介绍 通篇文章的撰写基础是实际的应用需要&#xff0c;然后在架构系统之前全面复习大学所修习的相关知识以及网络提供的技术应用教程&#xff0c;以校园生活助手系统的实际应用需要出发&#xff0c;架构系统来改善现校园生活助手系统工作流程繁琐等问题。不仅如此以操作者…

lv8 嵌入式开发-网络编程开发 20 域名解析与http服务实现原理

目录 1 域名解析 2 如何实现万维网服务器&#xff1f; 2.1 HTTP 的操作过程 2.2 万维网服务器实现 1 域名解析 域名解析gethostbyname函数 主机结构在 <netdb.h> 中定义如下&#xff1a; struct hostent {char *h_name; /* 官方域名 */char **h_alias…

拦截器以及统一功能的实现

目录 引言 实现一个简单的拦截器 拦截器小结 统一访问前缀 统一异常处理 统一返回参数 ControllerAdvice 引言 HandlerInterceptor是Spring MVC框架提供的一个拦截器接口&#xff0c;它用于对请求进行拦截和处理。在Spring MVC中&#xff0c;拦截器可以用于实现一些通用的功能…

OpenCV官方教程中文版 —— 直方图均衡化

OpenCV官方教程中文版 —— 直方图均衡化 前言一、原理二、 OpenCV 中的直方图均衡化三、 CLAHE 有限对比适应性直方图均衡化 前言 本小节我们要学习直方图均衡化的概念&#xff0c;以及如何使用它来改善图片的对比。 一、原理 想象一下如果一副图像中的大多是像素点的像素值…

哪些车企AEB标配率「不及格」

对于汽车智能化来说&#xff0c;基础安全不分高低配。但实际情况&#xff0c;却是另一番景象。 在全球范围&#xff0c;目前不少国家及地区的监管机构正在考虑将AEB&#xff08;紧急制动系统&#xff09;作为乘用车的标配纳入法规&#xff0c;“这是道路安全向前迈出了重要的一…

2023全新TwoNav开源网址导航系统源码 | 去授权版

2023全新TwoNav开源网址导航系统源码 已过授权 所有功能可用 测试环境&#xff1a;NginxPHP7.4MySQL5.6 一款开源的书签导航管理程序&#xff0c;界面简洁&#xff0c;安装简单&#xff0c;使用方便&#xff0c;基础功能免费。 TwoNav可帮助你将浏览器书签集中式管理&#x…

C++中显示构造和隐式构造

截图来源于C primerplus 第六版。

行情分析——加密货币市场大盘走势(10.25)

目前大饼继续上涨&#xff0c;还没有看到震荡盘整的迹象。从MACD日线来看&#xff0c;连续绿色实心柱已经10天。现在有点上涨无力了&#xff0c;而现在入场做空性价比更高&#xff0c;看反弹到33000-32000。如果谨慎点&#xff0c;可以继续等待。 以太目前来看和大饼一样那个也…

Ubuntu OpenLDAP配置笔记

Ubuntu OpenLDAP配置笔记 问题&#xff08;需求&#xff09;LDAP服务端安装slapd和ldap-utils配置域名编辑hosts修改主机名验证增加一个域账号修改用户的密码 Linux桌面加域安装软件验证允许远程账号首次登录时自动创建HOME目录桌面登录 其它问题Ubuntu更新和安装太慢LDAP服务端…