当前课程知识点：软件开发实训--动态网站开发 > 8 用户管理功能实现三 > 8.2用户列表查询结果分页实现 > 8.2.1用户列表查询结果分页实现
同学你好
欢迎回到软件开发实训课堂
上节课咱们对列表页做了基本的分页功能
可是当我们进行检索时
分页就失效了
这是因为分页查询时并没有将我们的关键字
传递给我们的查询方法
那么这节课我们就来看一下
如何在分页时能够将我们的查询关键字也带上
条件查询如何来实现呢
我们来看一下现在的查询
我们再添加一些用户
现在我们有五条信息
然后点击一下我们就会
为了测试
我们已经把它设置为一页了
显示一条信息
好
这样我们有五条信息就可以显示出五页
这里面我们来看一下它的整体信息
先把它整个显示出来
我们看一下信息的组成
我们就用账号来看
在账号里面
我们来查询它
比如说我们输入xx
这样我们检索出来的只有一条
当我们为空时检索数据是所有的
可是当我们输入df
这个时候我们是两条信息
而且我们点击的时候
它应该能够继续是搜索的结果
像这样的方式如何来实现
而不是说我点击第一页的时候
它把整个的又给查出来了
这样的分页肯定是不对的
可以看到
当输入A的时候
我们查询的结果是每一条信息都有A然后我们
输入D看一下
它每一条信息也有D
我们输入com
它就剩下四条信息了
四条信息里边
当我们点击第一页的时候
它也应该是四条
因为它需要带上关键字以及它的页码等等
这才是对的
当然我们测试把它是一页一条
那么这里应该显示四个
可是当我们点击时
它依然显示所有的信息了
也就是五页信息了
并没有按照我们预期的四个信息来出现的
这是什么原因
这就是
当我们提交的时候
仅仅是考虑到了我们的当前的网址
并没有考虑到什么我们的搜索关键字
而我们搜索关键字
一旦搜索完成
它并没有被保留下来
所以我们要处理两个问题
第一个让搜索的信息保留下来
第二个
当页面提交时
依然能够把关键字提交上去
好
这里面我们在例子的页面里保存我们的关键字
为了保存
我们需要把关键字放在model里边
放入model后转到界面
我们再把它取出来
在这里把它输出就可以了
th value一定要用samelift的属性
输出KW
这样我们把关键字就保存下来了
然后我们要去检索表单
在分页时也能检索
所以我们在分页的时候
不需要再去怎么样
通过当前的页面来提交我们的查询
而是通过我们的表单来提交查询
这就需要我们写一个脚本来实现这个动作
首先我们来看一下所有的导航器
它的超链接是page-link
我们这里再给它加一个简单的链接
就叫做P a g e link
把短线去掉
让我们自定义一个样式来处理它
好
对所有的
页号的链接来进行一个处理
当我们点击时
它执行的应该是什么呢
表单的提交
而不是我们的链接的操作
所以我们这里直接给它返回一个false
点击时不要去提交我们的超链接
怎么办呢
我们需要提交表单这样
我们首先把表单拿到
表单的ID是form1
这是搜索表单
当我们点击时先把它增加一个
增加一个什么
隐藏域
隐藏域的名字就叫做page
也就是我们上面的page
然后它的值呢
我们在这里也可以给出来
我们把它反过来写这样的话
能够
更好的去处理我们的数据信息
这是我们隐藏域
然后给它赋值
赋值是谁呢
我们可以去给它自定义一个属性
自定义属性就叫做page就可以了
好
既然已经说到了自定义属性
就把它加上
P-1就可以了
这样我们就有了一个表单
然后
还是一样
我们提交表单
点submit
我们来看一下它是否能够实现分页功能
在测试之前
我们需要把分页器中超链接的地址给它改成
另外一个无效的地址
这是一个加速脚本
意思是说点击的时候没有反应
然后我们执行？？？事件
看一下它是否能够提交
好
这样修改完成后
我们来测试一下
输入df
这样我们得到了
我们的搜索结果
它是一页
然后点击我们的链接
它依然是这样子
我们再加一些DF的内容
我们把它的页号给它
处理一下
看一下
好
这样我们有六个页面
六条信息
然后我们来输输入d
输入d每个信息都有
这样的话我们并没有达到我们想要的效果
我们多再来几个df
这样我们输出关键字df
好
就剩下四条信息了
四条信息我们这里还需要做一个简单的数据
就是把塞子给它定为一
因为数据多的话
我们并不知道它有多少
我们来添加一个
好
这里边其实刚才并没有用到分页
我们来看一下
S等于size
值等于1就可以了
让它分页每一次一个页面只有一条信息出现
然后把它附加到F中
同样的P也要附加
刚才没有附加
虽然我们点击它只是进行了提交
因为它只有一页
所以我们没有发现这个问题
也要把它追加上去
现在我们再来搜索
点击以后我们看一下
它没有提交
而是
数据没有查出来
我们看一下它是黑的
这里边我们超过了一页
所以出错了
这里是size
好
这样我们就有了四页
我们点击它
就按照我们预设的方式
出现了我们需要的数据
这样也不会因为点击翻页
而使得我们的查询结果发生变化
好
把我们多余的S去掉就可以了
那么其它查询页面要想分页的话
只需要用碎片把它包含进去就可以了
当然了
这只是一个简单的分页器的实现
如果数据量比较大
那么分页的页号就比较多
这个时候我们还需要判断
你是一次放十个
还是一次放15个来显示这个页号
当超过十个或15个的时候
你就需要怎么样
把其它的隐藏掉
所以这个还需要很多工作去做
这个下去以后好好思考一下
好
关于查询上的分页就讲到这里
下节课我们再见
-1.1课程介绍
--1.1.3随堂测试
-1.2网站需求分析
--1.2.4随堂测试
-1.3网站首页分析
--1.3.3随堂测试
-1.4导航菜单分析
--1.4.3随堂测试
-1.5内容区域分析
--1.5.3随堂测试
-1.6内容副页面分析
-1.7编写需求文档
-2.1后端页面总体分析
--2.1.3随堂测试
-2.2用户管理功能设计
--2.2.3随堂测试
-2.3内容与分类功能分析
--2.3.3随堂测试
-2.4网站配置功能设计
--2.4.4随堂测试
-2.5数据库及表结构分析
-总体设计文档
-3.1前台模板约定
--3.1.3随堂测试
-3.2网站配置接口设计
--3.2.3随堂测试
-3.3菜单接口设计
--3.3.3随堂测试
-3.4内容接口设计
--3.4.3随堂测试
-3.5幻灯片接口设计
--3.5.3随堂测试
-补充设计文档
-4.1用户管理功能设计
--4.1.3随堂测试
-4.2菜单管理功能设计
--4.2.3随堂测试
-4.3内容管理功能设计
--4.3.3随堂测试
-4.4网站配置信息设计
--4.4.3随堂测试
-完成设计文档
-4.6随堂测试
-5.1开发环境搭建
--5.1.2随堂测试
-5.2Web前端环境搭建
-5.3创建用户实体
--5.3.2随堂测试
-5.4用户实体表创建与初始化
--5.4.2随堂测试
-5.5用户数据访问接口实现
--5.5.2随堂测试
-5.6环境搭建问题
-6.1用户服务层接口实现
--6.1.2随堂测试
-6.2用户列表和编辑控制器实现
--6.2.2随堂测试
-6.3用户存储和删除控制器实现
-6.4用户添加、编辑界面实现
-6.5用户管理添加用户调试
-7.1用户查询模板实现
--7.1.2随堂测试
-7.2用户信息编辑的实现
-7.3单个用户删除实现
-7.4多个用户删除实现
-8.1用户列表分页基本实现
-8.2用户列表查询结果分页实现
-8.3通用日期处理
-8.4整型日期处理
--8.4.2随堂测试
-8.5枚举数据的应用
-9.1登录逻辑实现
--9.1.2随堂测试
-9.2登录界面及流程调试
--9.2.2随堂测试
-9.3管理主界面实现
--9.3.2随堂测试
-9.4授权验证拦截器实现
--9.4.2随堂测试
-9.5拦截器调试
-10.1分类接口实现
-10.2分类添加、编辑实现
-10.3分类树结构实现
-10.4分类删除实现
--10.4.2随堂测试
-11.1内容实体定义
-11.2相关接口定义
-11.3服务接口实现
-11.4内容添加、编辑模板实现
-11.5内容添加、编辑控制器实现
-11.6内容检索页面实现
-11.7内容分类树实现
-12.1修改UEditor相关问题
-12.2整合UEditor到内容编辑界面
-12.3UEditor图片对话框应用
-12.4文件上传问题处理
-13.1网站配置相关类实现
-13.2网站配置界面模板实现
-13.3网站配置调试
-14.1网站首页布局实现
-14.2菜单Vue组件实现
--14.2.2随堂测试
-14.3幻灯片Vue组件实现
-14.4滚动Vue组件实现
--14.4.2随堂测试
-14.5滚动接口实现
-14.6滚动接口调试
-14.7幻灯片接口实现
-15.1首页区域实现
-15.2首页内容脚本实现
-15.3首页完善
-15.4Vue组件放入单文件
-15.5详细页面实现
-16.1网站测试介绍
-16.2功能测试
-16.3打包发布
-16.4部署运行
--16.4.2随堂测试
