家政预约小程序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管理后台的布局,以及如何设置表格组件。经常有粉丝问微搭除了可以开发小程序外可以开发管理后台么,本篇就是一篇管理后台的演示,照着教程操作一下吧。

相关推荐
Brave & Real8 小时前
小程序 const 在js中以及与同类的var和let之间的差异
javascript·微信小程序·小程序
Joolun商城源码_Java10 小时前
JooLun Pro旗舰版SaaS多租户商城:商城小程序与店铺小程序的功能区别详解
小程序
0的0次方10 小时前
从0到1:如何运营一款支付宝证件照小程序(含避坑指南)
小程序·新媒体运营
小郑加油12 小时前
第16天:综合训练——数据去重
小程序
UXbot13 小时前
无需设计经验也能做原型:AI辅助工具功能评测
前端·人工智能·低代码·ui·ios·交互
卷叶小树14 小时前
低代码 Runtime 闭环验证:一段 JSON 驱动一个可交互页面
低代码
海兰15 小时前
【小程序】 贪吃蛇(Next.js+WebSocket+SQLite + Prisma ORM)
javascript·websocket·小程序
盟接之桥17 小时前
什么是电子数据交换(EDI)|AS2 协议详解
运维·服务器·网络·安全·低代码·汽车·制造
路光.17 小时前
uniapp小程序/App使用webview打通麦克风权限实现录音功能
小程序·uni-app·app
Raink老师17 小时前
【AI面试临阵磨枪-74】企业级 AI 平台:多租户、模型管理、RAG 流水线、低代码搭建
人工智能·低代码·面试