电商小程序06用户审核

目录

  • 1 创建自定义应用
  • 2 显示待办数量
  • 3 创建审核页面
  • 4 开发审核功能
  • 5 搭建布局
  • 6 最终效果
  • 总结

上一篇我们讲解了用户注册的功能,用户注册之后状态是待审核,需要管理员进行审核。通常给管理员提供一套PC端的软件进行相关的操作,在低代码中,我们也是通过创建自定义应用来完成PC端管理软件的搭建。

1 创建自定义应用

登录控制台,点击新建应用
在这里插入图片描述
点击从空白新建
在这里插入图片描述
应用创建好了之后,我们需要切换一下构建模式,模式选择PC
在这里插入图片描述

2 显示待办数量

作为一个PC端的管理软件,通常会以管理的视角展示数据,首先是需要搭建一个待办展示的功能,可以直观的看到有多少用户注册了。

默认页面会添加一个网格布局,我们选择第一行,列数量修改为4
在这里插入图片描述
选中第一列,添加统计卡片组件
在这里插入图片描述
统计卡片组件分为上下两个部分,上边是显示统计的纬度,下边是显示统计的结果。我们这里将文字改为待审核用户数
在这里插入图片描述
下边的统计结果,先需要选择数据源,这里选择注册用户数据源
在这里插入图片描述
数据筛选,我们设置审核状态为待审核
在这里插入图片描述
然后字段选择设置为数据标识,统计方式选择为计数
在这里插入图片描述

3 创建审核页面

统计功能开发好之后,通常点击待办需要跳转到功能页面,这里我们点击新建页面,创建我们的用户管理页面
在这里插入图片描述
输入页面的名称
在这里插入图片描述
删掉网格布局,拖入布局组件
在这里插入图片描述
修改布局组件的标题,修改为用户管理
在这里插入图片描述
然后给布局内容中添加数据表格组件
在这里插入图片描述
选择数据模型为注册用户
在这里插入图片描述
这里我们需要给操作列添加一个审核按钮,展开操作列,添加一个按钮
在这里插入图片描述
点击按钮的时候,我们需要打开弹窗,添加一个弹窗组件
在这里插入图片描述
修改弹窗的标题为用户审核
在这里插入图片描述
弹窗内容添加一个数据详情组件,数据源选择注册用户信息
在这里插入图片描述
删掉用户状态、审核状态、角色、openid以及系统字段等信息
在这里插入图片描述
修改底部按钮,分别为取消、审核通过、审核不通过
在这里插入图片描述

4 开发审核功能

页面搭建好了之后,就需要开发功能了。首先是详情页信息展示传参的问题,在点击按钮的时候我们需要把当前数据的数据标识传入弹窗。点击审核按钮,设置点击事件
在这里插入图片描述
选择弹窗
在这里插入图片描述
选择我们的弹窗,选择打开方法,设置传参
在这里插入图片描述
从所在行数据传入数据标识
在这里插入图片描述
然后设置我们的数据详情组件的数据筛选
在这里插入图片描述
设置我们的数据标识等于传入的参数
在这里插入图片描述
然后就是设置审核通过按钮的事件,我们设置为更新数据源,将审核状态更新为审核通过,关闭页面之后再刷新一下表格
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
按照同样的方式设置审核不通过的按钮,将审核状态更新为3

5 搭建布局

页面有了之后,需要方便用户操作,这里用布局进行搭建。点击左上角的切换布局图标
在这里插入图片描述
选择左侧导航布局
在这里插入图片描述
修改菜单标题为电商管理后台
在这里插入图片描述
清空菜单,点击添加平级菜单
在这里插入图片描述
将两个页面都添加上
在这里插入图片描述
回到我们的页面视图,选中页面组件,在右侧的属性配置里选择我们的侧边栏导航布局
在这里插入图片描述
目前布局组件还有个BUG,设置之后不能及时的显示出来,我们需要再回到布局视图,设置一个其他布局触发一下

然后给统计卡片组件,设置点击事件,打开我们的用户管理页面就可以了
在这里插入图片描述

6 最终效果

打开首页,点击待办数量,点击审核按钮,点击审核通过,完成整个业务流程的操作
在这里插入图片描述

总结

本篇我们带着大家搭建了一个管理页面,从首页待办的搭建到管理页面的审核功能。过程中涉及到属性配置、页面传参、数据更新等操作。低代码编程的颗粒度在组件这个层面,熟练掌握每个组件的具体用法,并且按照业务场景把组件串联起来,就可以搭建出想要的效果。

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

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vue项目搭建测试

5&#xff0c;项目测试 导入elementplus以及样式 import ElementPlus from element-plus import element-plus/dist/index.csscreateApp(App).use(store).use(router).use(ElementPlus).mount(#app)<template><el-row class"mb-4"><el-button>De…

[经验] 喉咙沙哑的原因及应对方法是什么 #学习方法#其他#媒体

喉咙沙哑的原因及应对方法是什么 生活中&#xff0c;喉咙不舒服是很常见的情况&#xff0c;尤其是喉咙沙哑&#xff0c;让人感到特别难受&#xff0c;影响睡眠和生活质量。那么喉咙沙哑怎么办呢&#xff1f;接下来我会分享一些简单易行的方法&#xff0c;帮助你缓解这种不适感…

【新书推荐】7.4节 寄存器间接和相对寻址方式

本节内容&#xff1a;当指令操作数为内存操作数&#xff0c;且内存操作数的地址使用指针寄存器表示时&#xff0c;称为寄存器间接寻址方式。 ■寄存器间接寻址方式&#xff1a;在地址表达式中&#xff0c;只能使用BX、SI、DI、BP四个指针寄存器用来寻址。 7.4.1 寄存器间接寻…

初步探索Pyglet库:打造轻量级多媒体与游戏开发利器

目录 pyglet库 功能特点 安装和导入 安装 导入 基本代码框架 导入模块 创建窗口 创建控件 定义事件 运行应用 程序界面 运行结果 完整代码 标签控件 常用事件 窗口事件 鼠标事件 键盘事件 文本事件 其它场景 网页标签 音乐播放 图片显示 祝大家新…

Debezium发布历史120

原文地址&#xff1a; https://debezium.io/blog/2022/04/07/read-only-incremental-snapshots/ 欢迎关注留言&#xff0c;我是收集整理小能手&#xff0c;工具翻译&#xff0c;仅供参考&#xff0c;笔芯笔芯. Read-only Incremental Snapshots for MySQL April 7, 2022 by K…

【数学建模】【2024年】【第40届】【MCM/ICM】【B题 搜寻潜水器】【解题思路】

一、题目 &#xff08;一&#xff09;赛题原文 2024 MCM Problem A: Resource Availability and Sex Ratios Maritime Cruises Mini-Submarines (MCMS), a company based in Greece, builds submersibles capable of carrying humans to the deepest parts of the ocean. A …

Netty应用(一) 之 NIO概念 基本编程

目录 第一章 概念引入 1.分布式概念引入 第二章 Netty基础 - NIO 1.引言 1.1 什么是Netty&#xff1f; 1.2 为什么要学习Netty&#xff1f; 2.NIO编程 2.1 传统网络通信中开发方式及问题&#xff08;BIO&#xff09; 2.1.1 多线程版网络编程 2.1.2 线程池版的网络编程…

腾讯云4核8G服务器多少钱?轻量和CVM报价2024新版

腾讯云4核8G服务器S5和轻量应用服务器优惠价格表&#xff0c;轻量应用服务器和CVM云服务器均有活动&#xff0c;云服务器CVM标准型S5实例4核8G配置价格15个月1437.3元&#xff0c;5年6490.44元&#xff0c;标准型SA2服务器1444.8元一年&#xff0c;轻量应用服务器4核8G12M带宽一…

网络扫描神器:Nmap 保姆级教程(附链接)

一、介绍 Nmap&#xff08;Network Mapper&#xff09;是一款用于网络发现和安全审计的开源工具。它最初由 Gordon Lyon&#xff08;也被称为 Fyodor Vaskovich&#xff09;开发&#xff0c;是一款功能强大且广泛使用的网络扫描工具。Nmap 允许用户在网络上执行主机发现、端口…

小程序-云开发 获取用户的openid等信息

说明介绍&#xff1a; 小程序云开发功能来获取用户的openid。 一般在我们需要用到用户登录的时候&#xff0c;通常是需要获取微信小程序的openid的&#xff0c;由于微信的限制&#xff0c;一般我们只能通过后台去调微信的接口&#xff0c;来授权获取&#xff0c;增加了后端开发…

第三百一十七回

文章目录 1. 概念介绍2. 实现方法2.1 hintText2.2 labelText2.3 controller 3. 示例代码4. 内容总结 我们在上一章回中介绍了"如何在输入框中处理光标"相关的内容&#xff0c;本章回中将介绍如何添加输入框默认值.闲话休提&#xff0c;让我们一起Talk Flutter吧。 1.…

车载测试Vector工具——常见问题汇总

车载测试Vector工具——常见问题汇总 我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师(Wechat:gongkenan2013)。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 屏蔽力是信息过载时代一个人的特殊竞争力,任何 消耗你的人和事,多看一眼都是你的…