当前位置: 首页 > news >正文

加油站小程序实战教程13充值规则配置

目录

  • 1 创建数据源
  • 2 搭建管理功能
  • 最终效果

我们目前已经实现了会员的注册以及登录功能,有了基础的认证之后就进入到了业务部分的开发。会员的话首先是可以进行充值,在充值的时候通常会有一定的赠送,本篇我们来开发一下充值规则的配置功能。

1 创建数据源

充值规则我们希望记录到表里,因此需要先创建一个充值规则的数据源。打开控制台,切换到数据库,创建数据模型并建立必要的字段
在这里插入图片描述
这里我们的字段有规则名称、最低充值金额、优惠金额、状态(1、启用,2、禁用)

修改基础权限设置为所有人可读
在这里插入图片描述

2 搭建管理功能

表创建好之后,我们需要搭建管理功能进行维护规则。打开我们的管理后台,创建页面,选择表格与表单模板,选择我们的数据模型,布局选择左侧导航布局
在这里插入图片描述
切换到页面布局,选择左侧导航布局,添加平级菜单
在这里插入图片描述
将我们的列表页添加到菜单里
在这里插入图片描述
在操作列添加两个按钮,一个设置为启用,一个设置为禁用
在这里插入图片描述
给启用按钮绑定条件展示
在这里插入图片描述
表达式绑定为当我们的状态为禁用的时候显示
在这里插入图片描述
给禁用按钮也绑定条件展示,绑定为状态等于启用时
在这里插入图片描述
给启用按钮设置点击事件
在这里插入图片描述
方法选择打开弹窗
在这里插入图片描述
修改弹窗的提示信息
在这里插入图片描述
在打开弹窗的成功时继续添加方法,添加调用数据源方法
在这里插入图片描述
选择充值规则表,方法选择修改单条
在这里插入图片描述
配置查询条件,数据标识等于我们的表格的所在行的数据标识
在这里插入图片描述
将状态修改为启用
在这里插入图片描述
调用数据源成功时继续添加方法,配置数据表格
在这里插入图片描述
配置为刷新当前表格的数据
在这里插入图片描述
禁用的配置方法是类似的,你可以克隆一下按钮,修改对应的配置即可

最终效果

添加数据后,操作列先显示禁用按钮
在这里插入图片描述
点击禁用按钮,弹窗提醒是否禁用
在这里插入图片描述
点击确定后,状态修改为禁用,同时启用按钮显示
在这里插入图片描述

http://www.xdnf.cn/news/82081.html

相关文章:

  • 健康生活新指南
  • Java转Go日记(六):TCP黏包
  • npm i 出现permission denied
  • 树莓派学习专题<8>:使用V4L2驱动获取摄像头数据--获取摄像头支持的分辨率
  • 【Nova UI】六、SASS 赋能组件库:通用方法与混入的变革力量
  • 安宝特分享|AR智能装备赋能企业效率跃升
  • 记录一次使用面向对象的C语言封装步进电机驱动
  • IDEA热加载
  • vue3 + element-plus中el-drawer抽屉滚动条回到顶部
  • drupal7可以从测试环境一键部署到生产环境吗
  • Spring Boot 启动生命周期详解
  • WebRTC服务器Coturn服务器用户管理和安全性
  • Sentinel源码—8.限流算法和设计模式总结二
  • 机器学习06-RNN
  • 时间模块 demo
  • Ubuntu24.04安装ROS2问题
  • 【阿里云大模型高级工程师ACP学习笔记】2.2 扩展答疑机器人的知识范围
  • 深度强化学习 pdf 董豪| 马尔科夫性质,马尔科夫过程,马尔科夫奖励过程,马尔科夫决策过程
  • React:<></>的存在是为了什么
  • 【FAQ】如何配置PCoIP零客户端AWI能访问
  • 网络开发基础(游戏)之 粘包分包
  • 【Web】TGCTF 2025 题解
  • 网络设备智能巡检系统-MCP案例总结
  • 【无人机】使用扩展卡尔曼滤波 (EKF) 算法来处理传感器测量,各传感器的参数设置,高度数据融合、不同传感器融合模式
  • 国产紫光同创FPGA实现SDI视频编解码+图像缩放,基于HSSTHP高速接口,提供2套工程源码和技术支持
  • 万字长文 | Apache SeaTunnel 分离集群模式部署 K8s 集群实践
  • notepad++技巧:查找和替换:扩展 or 正则表达式
  • 什么是 金字塔缩放(Multi-scale Input)
  • 符号速率估计——小波变换法
  • 【在阿里云或其他 CentOS/RHEL 系统上安装和配置 Dante SOCKS5 代理服务】