家政预约小程序02用户审核

目录

  • [1 创建应用](#1 创建应用)
  • [2 搭建布局](#2 搭建布局)
  • [3 设置表格](#3 设置表格)
  • 总结

我们上一篇讲解了用户注册的功能,通常小程序需要提供一套管理后台用来维护数据。在微搭中,我们是通过搭建PC端的应用来实现管理后台的开发,在开发中,用到了PC端的专属组件数据表格。

1 创建应用

打开控制台,点击应用,点击新建应用

点击从空白创建

应用创建成功后切换构建模式,切换成PC

2 搭建布局

管理后台应用我们通常会有一个导航菜单,根据应用的不同布局模式进行选择。通常如果不复杂的应用我们使用左右结构即可,如果是网站应用我们通常选择上下结构,如果模块比较多,通常需要使用厂字型布局。

但目前厂字型布局还不是很完善,不能既有顶部导航又有侧边栏导航。

在应用编辑器,点击布局模式,切换到布局设置界面

选择左侧导航布局

选中布局导航,我们只保留一个菜单,页面选择首页

修改一下品牌信息下的文本组件,设置文本内容为家政预约管理后台

切换到页面设计,选中页面组件,设置页面布局为我们刚刚设置的左侧导航布局

展开左侧导航布局,删掉里边的网格布局,添加布局组件

修改布局标题为用户管理

在布局内容里添加数据表格组件

3 设置表格

表格组件加入后,我们需要配置表格的属性来实现管理功能。因为用户都是从小程序端注册,所以PC端就不需要有新增功能。因为设置了审核状态和用户状态,那我们这里其实就是提供审核和禁用的功能就可以

先配置表格组件的数据模型,选择我们的用户管理数据源

然后关闭我们的全局按钮

操作列,我们配置两个按钮,一个是通过,一个是不通过

通过的时候,我们设置按钮的事件为更新数据源,将审核状态更新为2。不通过的时候,将审核状态更新为3

更新的时候,我们需要设置一个查询条件,让数据标识等于我们当前所在行数据的数据标识

然后将审核状态设置为2

不通过的按钮配置和通过的按钮配置是相似的,只不过更新的状态是3

在数据更新成功后还需要将表格的数据刷新一下

还有就是需要考虑我们的按钮什么时候显示,什么时候不显示的问题。当我们的数据是待审核的时候,我们的按钮就显示,当为其他状态时就不显示。

设置按钮的条件展示,设置如下的表达式

bash 复制代码
$w.table1.cell__custom__option.record.shzt=='1'

上述按钮设置好之后,我们需要添加一个禁用的按钮

禁用按钮的事件也是设置为数据源的更新,只不过状态要更新用户状态,设置为禁用

这个按钮的条件展示,我们设置为当审核状态是审核通过的时候并且用户状态是启用的时候显示

bash 复制代码
$w.table1.cell__custom__option.record.shzt == '2'&&$w.table1.cell__custom__option.record.yhzt == '1'

总结

我们本篇讲解了用户审核及禁用的功能,讲解了如果搭建PC管理后台的布局,以及如何设置表格组件。经常有粉丝问微搭除了可以开发小程序外可以开发管理后台么,本篇就是一篇管理后台的演示,照着教程操作一下吧。

相关推荐
m0_587383002 小时前
24小时自助健身房软硬件解决方案实战指南:从架构设计到部署实施
java·spring·小程序·架构·需求分析
m0_587383007 小时前
24小时自助健身房软硬件解决方案实战:从架构设计到部署指南
java·spring·小程序·架构·需求分析
CRMEB系统商城7 小时前
前后端技术栈全面换代!CRMEB 多商户(Java)v3.0更新预告
java·开发语言·小程序·php
2501_9160074710 小时前
苹果应用商店App Store上架费用标准及原因解析
android·ios·小程序·https·uni-app·iphone·webview
jonyleek12 小时前
JVS-Rules三步分离法:用规则引擎实现风控逻辑的权责解耦与可审计落地
低代码·规则引擎·风控系统·jvs-rules·jvs·可审计架构·权责解耦
00后程序员张1 天前
苹果App Store上架指南:费用、原理与步骤详解
android·ios·小程序·https·uni-app·iphone·webview
paopaokaka_luck1 天前
个人综合管理小程序(echarts数据看板、健康数据记录与趋势查看、目标拆解和进度管理、日程待办与番茄钟、习惯打卡、收支统计、个人生活记录、跨模块智能提醒)
前端·javascript·spring·小程序·数据分析·echarts·生活
m0_587383002 天前
广州24小时自助健身房解决方案实战指南与系统部署要点
java·spring·小程序·架构·需求分析
L@ncor2 天前
第五章 基于低代码平台的智能体搭建 · 学习笔记(Coze / Dify / FastGPT / n8n)
笔记·学习·低代码·agent·prompt工程
m0_587383002 天前
西安同城拼车软件开发实战指南:从零搭建高效系统
人工智能·小程序·数据挖掘·系统架构·需求分析