电商小程序06用户审核

news2024/11/20 7:26:11

目录

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

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

1 创建自定义应用

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

2 显示待办数量

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

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

3 创建审核页面

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

4 开发审核功能

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

5 搭建布局

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

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

6 最终效果

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

总结

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

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

ChatGPT高效提问—prompt常见用法(续篇五)

ChatGPT高效提问—prompt常见用法(续篇五) 1.1 种子词 ​ 种子词(seed word)通常指的是在对话中使用的初始提示或关键词,用于引导ChatGPT生成相关回复。种子词可以是一个词、短语或句子,通常与对话的主题…

问题:老年人心理健康维护与促进的原则为________、________、发展原则。 #媒体#知识分享

问题:老年人心理健康维护与促进的原则为________、________、发展原则。 参考答案如图所示

肯尼斯·里科《C和指针》第12章 使用结构和指针(1)链表

只恨当时学的时候没有读到这本书,,,,,, 12.1 链表 有些读者可能还不熟悉链表,这里对它作一简单介绍。链表(linked list)就一些包含数据的独立数据结构(通常称为节点)的集…

第5章 数据库操作

学习目标 了解数据库,能够说出数据库的概念、特点和分类 熟悉Flask-SQLAlchemy的安装,能够在Flask程序中独立安装扩展包Flask-SQLAlchemy 掌握数据库的连接方式,能够通过设置配置项SQLALCHEMY_DATABASE_URI的方式连接数据库 掌握模型的定义…

来自谷歌的新年礼物!速来免费领取2个月谷歌Gemini Advanced会员!价值280元!对标ChatGPT Plus!

大家好,我是木易,一个持续关注AI领域的互联网技术产品经理,国内Top2本科,美国Top10 CS研究生,MBA。我坚信AI是普通人变强的“外挂”,所以创建了“AI信息Gap”这个公众号,专注于分享AI全维度知识…

Vue3.3新特新和Vue3-Pinia

文章目录 1.Vue3.3新特性 - defineOptionsVue3.3新特性 - defineModel3.Pinia快速入门4.手动添加Pinia到Vue项目5.Vue3 - Pinia的基本语法6.action的异步实现7.Vue3-Pinia-storeToRefs方法8.Pinia持久化插件安装用法 1.Vue3.3新特性 - defineOptions 背景说明 有<script se…

项目02《游戏-11-开发》Unity3D

基于 项目02《游戏-10-开发》Unity3D &#xff0c; 任务&#xff1a;飞行坐骑 首先创建脚本&#xff0c; 绑定脚本&#xff0c; using UnityEngine; public class Dragon : MonoBehaviour{ [SerializeField] private float speed 10f; public Transfo…

redis-sentinel(哨兵模式)

目录 1、哨兵简介:Redis Sentinel 2、作用 3、工作模式 4、主观下线和客观下线 5、配置哨兵模式 希望能够帮助到大家&#xff01;&#xff01;&#xff01; 1、哨兵简介:Redis Sentinel Sentinel(哨兵)是用于监控redis集群中Master状态的工具&#xff0c;其已经被集成在re…

【Makefile语法 01】程序编译与执行

目录 一、编译原理概述 二、编译过程分析 三、编译动静态库 四、执行过程分析 一、编译原理概述 make&#xff1a; 一个GCC工具程序&#xff0c;它会读 makefile 脚本来确定程序中的哪个部分需要编译和连接&#xff0c;然后发布必要的命令。它读出的脚本&#xff08;叫做 …

blender几何节点中样条线参数中的系数(factor)是个什么概念?

一根样条线&#xff0c;通常由两个及以上的控制点构成。 每个控制点的系数&#xff0c;其实相当于该点处位于整个样条线的比值。 如图&#xff0c;一根样条线有十一个控制点。相当于把它分成了十段&#xff0c;那每一段可以看到x、y都是0&#xff0c;唯独z每次增加0.1&#xff…

单片机项目调试中的技巧和常见问题解决

单片机是嵌入式系统中的重要组成部分&#xff0c;在各种电子设备中发挥着重要的作用。在单片机项目开发过程中&#xff0c;调试是至关重要的一环&#xff0c;同时也会遇到一些常见问题。本文将介绍一些单片机项目调试的技巧以及常见问题的解决方法&#xff0c;希望能够对单片机…

跟着cherno手搓游戏引擎【22】CameraController、Resize

前置&#xff1a; YOTO.h: #pragma once//用于YOTO APP#include "YOTO/Application.h" #include"YOTO/Layer.h" #include "YOTO/Log.h"#include"YOTO/Core/Timestep.h"#include"YOTO/Input.h" #include"YOTO/KeyCod…

【开源】JAVA+Vue+SpringBoot实现班级考勤管理系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 系统基础支持模块2.2 班级学生教师支持模块2.3 考勤签到管理2.4 学生请假管理 三、系统设计3.1 功能设计3.1.1 系统基础支持模块3.1.2 班级学生教师档案模块3.1.3 考勤签到管理模块3.1.4 学生请假管理模块 3.2 数据库设…

深入理解java之多线程(一)

前言&#xff1a; 本章节我们将开始学习多线程&#xff0c;多线程是一个很重要的知识点&#xff0c;他在我们实际开发中应用广泛并且基础&#xff0c;可以说掌握多线程编写程序是每一个程序员都应当必备的技能&#xff0c;很多小伙伴也会吐槽多线程比较难&#xff0c;但因为其实…

春晚刘谦第二个魔术原理讲解

目录 1. 先说一下步骤&#xff1a;2. 原理讲解&#xff1a;2.1 第一步分析2.1 第二步分析2.1 第三步分析2.1 第四步分析2.1 第五步分析2.1 第六步分析2.1 第七步分析2.1 第八步分析2.1 第七步重新分析 小结&#xff1a; 首先&#xff0c;先叠个甲。我本人很喜欢刘谦老师&#x…

H12-821_23

23.网络管理员在某台路由器上查看BGP部居信息,邻居信息如图所示,关于该信息下列说法中正确的是? A.该路由器未从对等体接收到BGP路由前缀 B.本地路由器的Router ID为1.1.1.1 C.与对等体3.3.3 3接收、发送的报文数量分别为10、20个 D.与对等体3.3.3.3之间的邻居关系为IBGP对等体…

使用Arcgis裁剪

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、掩膜提取二、随意裁剪三、裁剪 前言 因为从网站下载的是全球气候数据&#xff0c;而我们需要截取成中国部分&#xff0c;需要用到Arcgis的裁剪工具 一、掩…

批归一化(Batch Normalization,简称BN)层的作用!!

批归一化&#xff08;Batch Normalization&#xff0c;简称BN&#xff09;层在卷积神经网络中的作用主要有以下几点&#xff1a; 规范化数据&#xff1a;批归一化可以对每一批数据进行归一化处理&#xff0c;使其均值接近0&#xff0c;方差接近1。这有助于解决内部协变量偏移&…

龙年定制红包封面赠送第三波

你好啊&#xff0c;今天是大年三十&#xff0c;外面已是爆竹声声&#xff0c;年味十足。祝你&#xff0c;我亲爱的读者&#xff0c;甲辰龙年新春快乐&#xff0c;万事如意&#xff01; 最近一直有读者提出&#xff0c;希望我能再发一波红包封面。 尤其是「经典」版本的&#xf…

刚买就下跌,如何快速回本?试试补仓回本计算器,股票量化分析工具QTYX-V2.7.7...

前言 祝大家除夕夜快乐&#xff0c;阖家欢乐&#xff0c;万事如意&#xff01;本周大A连续三个大阳线&#xff0c;终于在节前企稳了一把&#xff01; 虽然前两周市场哀鸿遍野地下跌&#xff0c;但是星球群不少大佬在这三天的反弹中账户不但回本而且盈利不少&#xff01;一番交流…