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

分页查询前端对接

文章目录

  • 添加角色
  • 修改角色
    • 当点击修改按钮后,那么就会弹出对话框,所以要设置显示为true
    • 点击修改的时候就是 要显示对话框
  • 制作用户管理页面
  • 开发后端接口
  • 用户查询前端整合
  • 新增接口功能实现
  • 修改


添加角色

首先添加 添加表单的组件

那么总结一下
就是使用 组件 然后再使用变量接收

对话框是有一个 是否显示在一开始 先绑定为 不显示

然后点击后再绑定为显示

在这里插入图片描述

显示后就可以进行新增

那么就开始 写新增的接口

参数多的就直接使用对象接收

然后使用@RequestBody

写前端需求的页面

修改角色

首先写前端的修改页面

当点击修改按钮后,那么就会弹出对话框,所以要设置显示为true

所以思路就是
使用表单接收数据

点击修改的时候就是 要显示对话框

要使用插槽获取数据

那么就需要在父组件获取
那么就可以直接在子组件中使用

在这里插入图片描述

在这里插入图片描述

制作用户管理页面

在这里插入图片描述

开发前端页面

在这里插入图片描述

开发后端接口

后端是开发分页查询

分页查询使用的是路径传参,其他的是 参数

使用关键字查询的话,那么就是使用
if标签

        <if test="keyword!=null and keyword!=''">username like concat('%',#{keyword},'%') orname like concat('%' ,#{keyword},'%') orphone like concat('%',#{keyword},'%')</if>

后面使用or进行拼接

然后每次都是if标签
使用and拼接

最后使用is_deleted=0

用户查询前端整合

get方式
直接传参

@ 符号是src

新增接口功能实现

先写前端页面

首先点击新增按钮后会弹出表单

修改

再修改后端的接口

http://www.lryc.cn/news/383660.html

相关文章:

  • 从一万英尺外看libevent(源码刨析)
  • Linux部署SVN
  • Linux高并发服务器开发(二)系统调用函数
  • rk3568 Android 11在系统怎样执行命令获取SN号
  • PostgreSQL 性能优化与调优(六)
  • win10 安装openssl并使用openssl创建自签名证书
  • 【OpenCV 图像处理 Python版】图像处理的基本操作
  • HarmonyOS应用开发学习经验
  • LLM大语言模型应用方案之RAG检索增强生成的实现步骤。
  • 【python学习】学习python的小项目
  • java-冒泡排序 1
  • 【STM32】USART串口通讯
  • Qt6中如何将QList转为QSet?
  • aspectj:AOP编程备忘录-切面定义的注意事项
  • 大数据面试题之Hive(1)
  • 【Git】分布式版本控制工具
  • 排序之插入排序----直接插入排序和希尔排序(1)
  • 快速创建条形热力图
  • go switch 与 interface
  • BaseMapper 接口介绍
  • HAL-Cubemax定时器使用记录
  • 同时使用磁吸充电器和Lightning时,iPhone充电速度会变快吗?
  • 零成本搭建个人图床服务器
  • SpringBoot 搭建sftp服务 实现远程上传和下载文件
  • IDEA中使用leetcode 刷题
  • 华为海思CPU解读
  • 中介子方程三十三
  • 今年哪两个行业可能有贝塔?
  • 嵌入式软件开发工具使用介绍
  • 【TB作品】MSP430G2553,单片机,口袋板, 交通灯控制系统