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

相关推荐
说私域2 小时前
社群团购中的用户黏性价值:以开源小程序多商户AI智能名片商城源码为例
人工智能·小程序
迷雾yx6 小时前
开发微信小程序 基础02
微信小程序·小程序
迷雾yx6 小时前
开发微信小程序 基础03
微信小程序·小程序
说私域7 小时前
地理定位营销与开源AI智能名片O2O商城小程序的融合与发展
人工智能·小程序
布列瑟农的星空21 小时前
低代码平台实践——代码编辑器
低代码
colorknight1 天前
1.2.3 HuggingFists安装说明-MacOS安装
人工智能·低代码·macos·huggingface·数据科学·ai agent
技术闲聊DD1 天前
小程序原生-利用setData()对不同类型的数据进行增删改
小程序
康康爹1 天前
uniapp 小程序,登录上传头像昵称页面处理步骤
小程序·uni-app
小雨cc5566ru1 天前
小程序 uniapp+Android+hbuilderx体育场地预约管理系统的设计与实现
android·小程序·uni-app
DK七七1 天前
【PHP陪玩系统源码】游戏陪玩系统app,陪玩小程序优势
前端·vue.js·游戏·小程序·php·uniapp