实现模糊查询用户的功能
Posted 杀手不太冷！
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了实现模糊查询用户的功能相关的知识，希望对你有一定的参考价值。
文章目录
实现模糊查询用户的功能
需求
在搜索框中，输入相关字段信息，可以根据此字段信息，对用户名进行模糊查询，然后把模糊查询到的所有的用户，分页展示到表格中。如下图：
给搜索框绑定数据和方法
搜索框需要双向绑定模糊查询数据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集合中的用户数据，如下图：
测试
以上是关于实现模糊查询用户的功能的主要内容，如果未能解决你的问题，请参考以下文章
使用mybatis开发Dao的原始方法，实现根据用户id查询一个用户信息 根据用户名称模糊查询用户信息列表 添加用户信息等功能