怎么把查询全部和模糊查询分页放在一起

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么把查询全部和模糊查询分页放在一起相关的知识,希望对你有一定的参考价值。

参考技术A 添加一个配置类。把查询全部和模糊查询分页放在一起添加一个配置类,写一个PageBean对象,将页面中要使用到的首页、上页、下页、末页、页数、查询出的内容等等进行一个封装。分页查询则是在页面上将本来很多的数据分段显示,每页显示用户自定义的行数。可提高用户体验度,同时减少一次性加载,内存溢出风险。

实现模糊查询用户的功能

实现模糊查询用户的功能

需求

在搜索框中,输入相关字段信息,可以根据此字段信息,对用户名进行模糊查询,然后把模糊查询到的所有的用户,分页展示到表格中。如下图:

在这里插入图片描述

给搜索框绑定数据和方法

搜索框需要双向绑定模糊查询数据search_content,然后需要绑定一个搜索方法如下图:

在这里插入图片描述

getUserList方法

getUserList方法,用来为userList和total数据赋值,如下图:

在这里插入图片描述

UserList.vue组件中的分页数据

如下图:

在这里插入图片描述

SpringBoot后端控制器中接收pageuser请求的方法getUserList

因为后端需要接收前端传递来的Page这个json对象,所以要在后端写一个与之对应的Page实体类,这样方便接收前端传递来的参数,Page实体类如下图:

在这里插入图片描述

SpringBoot后端中的getUserList方法,如下图:

在这里插入图片描述

动态代理接口UserDao中的getAllUser方法

如下图:

在这里插入图片描述

在这里插入图片描述

UserDao.xml映射文件中的sql语句

如下图:

在这里插入图片描述

点击搜索框之后把getUserList方法查询到的分页数据渲染到UserList.vue组件显示用户信息的表格中

存储用户信息的表格,如下图:

在这里插入图片描述

getUserList方法执行之后,当前页面的数据,都会存储到userList集合中,如下图:

在这里插入图片描述

使用elment ui中的表格显示userList集合中的用户数据,如下图:

在这里插入图片描述

测试

在这里插入图片描述

以上是关于怎么把查询全部和模糊查询分页放在一起的主要内容,如果未能解决你的问题,请参考以下文章

mysql模糊查询%参数%;当输入%时就奖全部记录都查出来,我想输入%时查询像%aa这样的记录,改怎么办?

ASP多值多字段模糊查询分页问题

SpringBoot Mybatis-Plus 分页模糊查询 分页参数和响应封装

java mybatis 分页模糊查询页面怎么写

Springmvc+Myabtis+Ajax实现异步分页emp+dept(全部查询及模糊查询)

asp实现不了模糊查询,一点查询,全部出来了