电商小程序06用户审核

目录

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

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

1 创建自定义应用

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

2 显示待办数量

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

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

3 创建审核页面

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

4 开发审核功能

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

5 搭建布局

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

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

6 最终效果

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

总结

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

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

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

相关文章

1.1 Verilog 教程

Verilog HDL(简称 Verilog )是一种硬件描述语言,用于数字电路的系统设计。可对算法级、门级、开关级等多种抽象设计层次进行建模。 Verilog 继承了 C 语言的多种操作符和结构,与另一种硬件描述语言 VHDL 相比,语法不是…

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

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

使用深度学习进行“序列到序列”分类

目录 加载序列数据 定义 LSTM 网络架构 测试 LSTM 网络 此示例说明如何使用长短期记忆 (LSTM) 网络对序列数据的每个时间步进行分类。 要训练深度神经网络以对序列数据的每个时间步进行分类,可以使用“序列到序列”LSTM 网络。通过“序列到序列”LSTM 网络,可以对…

代码随想录算法训练营第四十八天(动态规划篇之01背包)| 1049. 最后一块石头的重量Ⅱ,494. 目标和

1049. 最后一块石头的重量Ⅱ 题目链接:1049. 最后一块石头的重量 II - 力扣(LeetCode) 思路 尽量将石头分为重量相同的两堆,这样两堆中的石头相撞之后剩下的石头就会最小。根据之前的01背包理论: 代码随想录算法训…

设计模式-装饰模式 Decorator

装饰模式 Decorator 1) 原理2) 使用场景1、从IO库的设计理解装饰器 1) 原理 装饰器设计模式(Decorator)是一种结构型设计模式,它允许动态地为对象添加新的行为。它通过创建一个包装器来实现,即将对象放入一个装饰器类中&#xff…

【Chrono Engine学习总结】3-地型terrain

由于Chrono的官方教程在一些细节方面解释的并不清楚,自己做了一些尝试,做学习总结。 1、关于物体材质 在介绍地型之前,要初步了解chrono中关于材质的一些基本概念。 首先,最基本的材质类是ChMaterialSurface,其进一步包括&…

原生JS使用PrintJs进行表格打印 -- 遇到的问题总结

需求1:表格自动分页之后,表头在每一页都需要显示 html中表头增加 thead 标签 css样式新增: thead {display: table-header-group; /* 这个属性使thead总是在新的page-break之后重新开始 */ }需求2:表格自动分页之后,…

springboot/ssm大学生选修选课系统高校选课排课成绩管理系统Java系统

springboot/ssm大学生选修选课系统高校选课排课成绩管理系统Java系统 开发语言:Java 框架:springboot(可改ssm) vue JDK版本:JDK1.8(或11) 服务器:tomcat 数据库:my…

数据可视化之维恩图 Venn diagram

文章目录 一、前言二、主要内容三、总结 🍉 CSDN 叶庭云:https://yetingyun.blog.csdn.net/ 一、前言 维恩图(Venn diagram),也叫文氏图或韦恩图,是一种关系型图表,用于显示元素集合之间的重叠区…

购物|电商购物小程序|基于微信小程序的购物系统设计与实现(源码+数据库+文档)

电商购物小程序目录 目录 基于微信小程序的购物系统设计与实现 一、前言 二、系统功能设计 三、系统实现 1、用户前台功能实现 2、管理员后台功能实现 四、数据库设计 1、实体ER图 2、具体的表设计如下所示: 五、核心代码 六、论文参考 七、最新计算机毕设…

VSTO打包Word插件WPS也支持

启动AdvancedInstallerPortable.exe打包软件 选择“加载项” 选择“office加载项”之后点“创建项目” 四、输入自已的插件名和公司名 任选一种包类型 五、选择包的保存位置 勾选“vsto office加载项” 六、选择要打包的项目debug文件夹 选择相应版本 配置相应环境 选择语言 添…

微服务架构RabbitMQ实现CQRS模式

在现代软件开发中,微服务架构和CQRS模式都是备受关注的技术趋势。微服务架构通过将应用程序拆分为一系列小型、自治的服务,提供了更好的可伸缩性和灵活性。而CQRS模式则通过将读操作和写操作分离,优化了系统的性能和可维护性。本文小编将为大家介绍如何在ASP.NET Core微服务…

在 Next 中, ORM 框架 Prisma 使用

Prisma 介绍 Prisma 是一个 ORM 框架,主要用于 Node.js 或 TypeScript 作为后端开发的应用,主要有三部分组成: Prisma Client:自动生成且类型安全的查询构建器,适用于 Nodex.js 和 TS;Prisma Migrate: 迁…

linux系统非关系型数据库redis

redis 介绍redis的特点:缓存 安装安装单机版redisredis的相关工具 介绍 redis是一个开源的、使用C语言编写的、支持网络交互的、可基于内存也可持久化的Key-Value数据库 redis的官网:redis.ioredis的特点: 丰富的数据结构 支持持久化 支持事务 支持主从缓存 类型 …

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

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

视频直播系统架构的设计与实现

视频直播系统作为一种实时性强、用户互动性高的应用,其架构设计至关重要。本文将介绍如何设计和实现一个稳定、高性能的直播系统架构,以提供良好的用户体验和可靠的服务。 1. 系统架构概述 - 介绍视频直播系统的整体架构,包括客户端、服务…

01-Spring实现重试和降级机制

主要用于在模块调用中,出现失败、异常情况下,仍需要进行重复调用。并且在最终调用失败时,可以采用降级措施,返回一般结果。 1、重试机制 我们采用spring 提供的retry 插件,其原理采用aop机制,所以需要额外…

1.5 Binance_interface API 币本位合约行情

Binance_interface API 币本位合约行情 Github地址PyTed量化交易研究院 1. API 币本位合约行情接口总览 方法解释Pathget_ping测试服务器连通性 PING/dapi/v1/pingget_time获取服务器时间/dapi/v1/timeget_exchangeInfo获取交易规则和交易对/dapi/v1/exchangeInfoget_depth深…

SERVLET间通信

在Web应用程序中,应用程序的servlet等各种组件之间可能需要通信以便处理客户机请求。例如,假设Web应用程序中有一个servlet显示组织的版权信息。您可以使用各种servelt通信技术将此servlet的内容纳入到需要显示版权信息的所有其他应用程序servlet中。同样,如果处理请求时发生…

Maven:设定项目编码

今天在DOS下执行mvn compile命令时报错说缺少必要符号,事实上根本就没有缺少,但何以如此呢,为啥eclipse在编译时就没有这问题呢? 原因是编码的问题造成的! eclipse在编译的使用使用的是UTF-8,因为整个项目设置的是UTF…