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

相关推荐
Java小卷1 天前
流程设计器为啥选择diagram-js
前端·低代码·工作流引擎
一枚前端小姐姐3 天前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
一枚前端小姐姐3 天前
低代码平台表单设计系统技术分析(实战二)
低代码·架构·前端框架
一枚前端小姐姐3 天前
低代码平台表单设计系统架构分析(实战一)
前端·低代码·架构
麦聪聊数据4 天前
统一 Web SQL 平台如何收编企业内部的“野生数据看板”?
数据库·sql·低代码·微服务·架构
吴声子夜歌4 天前
小程序——布局示例
小程序
luffy54594 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟4 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序
小小王app小程序开发4 天前
海外盲盒小程序抽赏玩法分析(附跨境技术落地要点)
小程序