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

相关推荐
梦想很大很大3 小时前
让 AI 成为“报表配置员”:BI 低代码平台的 Schema 实践路径
前端·人工智能·低代码
几何心凉4 小时前
低代码快速接入:魔珐星云具身智能 3D 数字人开发实战指南
低代码
我有一颗小慧星6 小时前
如何懒加载Polyfill来避免低代码DSL体积爆炸
低代码·架构
互联科技报8 小时前
2026小程序店铺装修模板怎么选?小程序店铺装修教程是什么?
小程序
凡科网小帆8 小时前
右以云小程序:零基础企业的高性价比数字化落地实录
小程序
低代码布道师8 小时前
微搭低代码MBA 培训管理系统实战 36——消息通知功能
低代码
棋宣9 小时前
微信小程序onShareAppMessage 分享-生命周期函数 在vue3中 组合式函数 hooks中不生效
微信小程序·小程序
2601_957966539 小时前
抽卡机盲盒小程序怎么做?完整功能搭建与开发要点
小程序
C澒1 天前
AI 生码 - API2Code:接口智能匹配与 API 自动化生码全链路设计
前端·低代码·ai编程
低代码布道师1 天前
微搭低代码MBA 培训管理系统实战 35——教务端预约详情与黑名单管理
低代码