15、尚硅谷_SSM高级整合_查询_显示分页数据.avi原创

好。那我们这个页面框架我们搭出来了，哎这个样子，那么这里边的数据呢，就是我们，哎查出来的数据我们展示就行了，那我们接下来把这个数据的解析来写出来好。来到这个table表格，那么TR这里边的数据都应该是我们便利得到的，所以说呢，我来引入咱们这个。来，我们引入咱们这个标签库。我们个label好，我们呢，引入哪个标签库呢，就引入我们这个核心库，然后呢来C，我们使用c for each把这里边的数据都遍历出来。好c for each，好，它遍历的时候呢，有一个叫A，要遍历哪些内容呢？我们来取一下。我们查出的数据我们来看，来到控制器，哎，我们都放在了这个配里边，我们把它拿过来。

配置音报。好，我们应该是取出PA置音放里边的什么呢？哎，我们刚才有测过，我们从派置音放里边拿出它的这个list，所以说呢，哎，我们拿出配置for。里边包含的这个list，这个list是我们啊查询到的这个数据，把这个数据拿出来，每一个，哎，我们呢，就让他叫应聘员工，然后呢，把取出的信息我们就放在这个TR中。我来复制过来，我们来填充这一块的信息。那么呢，这个ID我们就取出来刀乐福大括号，哎，我们是EP点，我们叫EPID，哎叫员工ID，那么还有呢，我们来看这个刀福。到了福大克号。

那么呢，还有一个EP，这是取员工姓名的点e MP name。好，那么这个呢，性别，呃，第三个性别包乐福大括号，我们取出的是emp点，真的，因为我们要展示男或女，所以说呢，我们写一个快速的这个三元运算，哎，它是不是等于M呢。如果等于M，哎，这就是，哎，我们这个是难，那么我们就让它显示。没有。不是等于M，那就显示女好，那么呢，接下来是咱们这个邮箱地址。好，P点我们就叫email。还有这个部门名字当了福大括号，我们来看啊，我们查的时候呢，我们这个我们是做的联合查询，员工里边的这个部门也都查好封装好的，所以直接取出employee对象里边。

A里边的department里边的部门信息，诶，Department这个department属性的属性。好，第一批体内好取出来，那么呢，我们这个页面啊，我们就应该能显示，OK，好，我们来测试一下。测试一下。重新进来走，我们来看好这个数据呢，就是取出来的没问题，开发部部门信息等等都有，那么呢，接下来就是填充我们这个封印这个信息。那分页信息呢，我们往下翻好这块分页的文字信息，首先呢，是咱们这当前第几页。这第几页信息怎么取呢？还是一样Dollar符大括号，我们所有的分页信息都在配置in for中，我们刚才测试也打印出来了当前页码，哎，我们来看啊，刚才测试呢，我们这个配置英报中。配符中有一个配置number属性，它是当前页码，你就哎获取配置number小写，这是它的属性当前第几页，那么呢，总。

总共有多少页我们也取出来到符大括号，总页码呢？也是一样，在这个配置音符中来总页码呢？我们之前测试有一个属性叫pages。取出总共的页码啊，都是属性好，总共有多少页，包括呢，总共有多少条记录总共多少条。记录。来，我们把这个记录数我们也拿出来。来我们来看啊，总共多少条记录呢？我们有一个属性叫total，哎，这个total就是总计路数。哎，我们在页面呢，取出来配in里边的咱们这个to。好，总计录数，那我们这个分页条的这一块信息，哎，我们就能取出来，我刷新一下，哎没问题，接下来呢，就是我们，哎，咱们这个分页条连续显示页码的这些逻辑，首先呢，这12345这些连续的页码，我们可以先填充过来。

好，这块到底要连续显示多少，我们先来C。C for each拿到，因为连续显示的页码也在配置info里边，配置info里边呢，有一个叫navigate pages page numbers，哎，这是我们连续要显示的夜晚，我们呢就直接拿出来。好，我们要遍历的it是到福大括号配置in for点，哎，它的这个属性。把他所有的页码拿过来。哎，我们就叫配置number，好，然后呢，我们来每拿出一页，那么我们就应该显示的是一个。好，那么当前页码那就是Dollar符大括号page，哎，Number。

啊，因为我们每拿出的一页都是它好这一块呢，我们就这么来显示，那包括这个首页以及末页的这个逻辑，哎，我们来说一下，这个首页不是总要显示的，我们把这个拍number都写好以后呢，来刷新，我们先看一下，你看啊第一页，如果我们要第五页怎么办呢？我们发送请求emps，哎，我们带上PN等于五好，这是第五页数据，你看它就是34567，诶你看这就OK了，但是呢，我们来看啊，如果是第一页。再来显示第一页，哎。如果是第一页，首页应该是这一块呢，应该是啊，不用点的或者是什么，特别是我们这个第一页，大家来看我这一块枫叶条，我都看不出来当前是第几页，所以说呢，如果是当前页码，我们应该高亮显示，我们来看bootrap里边。

咱们这个分页插件有没有高亮呢？哎，往下翻好，有禁用和激活状态，如果你是当前的当前页码，那么你加一个class active，哎，加一个这个类，那么呢就能高亮显示，那么这一块呢，如果你用disable，那这就点不了了，所以说呢，我们正好用这两个状态，首页呢，如果是第一页，我们首页这些链链接以及上一页这个链接，我们都让他点不了，最后一页，下一页以及末页点不了，当前页应该是高亮的好。把这个逻辑来写上。我们在这便利取的时候呢，哎，我们来注意一下，这是要给咱们这个Li加这个class，而加不加，我们得看一下我取出的当前页码，哎，我在这块便利的页码是不是我们当前页面的页码，如果是了，我们来加上这个活动，哎，所以说呢，我可以做一个判断CF。

我来判断。配置number，这是表示当前页码，就说呢，是不是我们当前页码。大家来注意啊，这个配置number是我们取出要便利的每一个样行，我们为了好看，期间我们就不叫配置number了，我们比如呢，我们叫配置杠number。下划线。好，比如呢，我们叫它，我们就来判断这个配置number，诶是不是我们当前页码。等等，我们来判断，如果是的话，那么呢，我们这个Li就是。我们应该加上这个class。Active。哎，你把这个呢，激活状态的拿过来。

我们就能看到，哎，咱们当前的这个页页面了，当前是第几页，好来到这儿我们来刷新，哎，当前第一页没问题，如果不是，哎，否则。CF。啊，也就是说呢，如果这个不是我们当前页码，我们再来显示。长可以。啊，显示成咱们这个普通的没有高亮的，不是的话呢，我们把这个Li拿过来。好。这个class active我们就不要了，哎，我们就是这么显示的。啊，所以说呢，我们来刷新可以看一下啊，这当前第一页没问题，我点第二页要来第二页怎么办呢？哎，也一样发送请求来到第二页，我们把这个链接也填充好。当前页码呢，我们就啊不让他点了，如果是第二页啊，我们要发的请求呢，就是啊，我们当前下不下APP。好，我们要发一个EPS请求，发请求的时候呢，要带上配置。

问号page number，因为我们这个controller啊，我们需要这个page number参数，诶我们需要获取当前的页码，好我们带上page number，带上以后呢。来到绿色页面，好，Page number等于什么呢？就等于我们这个当前的页码。哎，就行了，这样的话呢，我们点链接就能来到这一页了，我来刷新好第二页，第三页，第四页第五页，好没问题，接下来就是首页末页的逻辑，如果我们是第一页，我们来看啊，这个上一页下一页，这个上一页应该是点不了的，我们先让上一页成功，能点击本来这个上页显示它的这个链接及地址。啊，这是上一页它的链接地址，我们需要带上配置number，等于几呢？就是我们当前页码减一，哎，我们当前页码呢，是配置符配置number。

呢，我们可以从配置音中。啊，取出page number，这是当前页码减一，诶，这就是我们前一页，但是如果一直都这么写，我们来看啊第一页你再来点，你看这前一页变成零，哎，变成负一，虽然查的这个结果是我们啊这个要用的结果啊，我们这个分页插件在底层啊，不可能有零负一的，但是呢，你看我们取出的这些都有问题了，所以说呢，我们这一块应该是不能填。虽然他查的结果给我们过滤了，只会拿到第一页的结果，但是呢，我们在这一块呢，我们就注意一下啊，那在这一块呢，哎，我们能判断怎么判断呢。M but see if。我们来判断，如果我们这是已经是第一页了，那么呢，你就不要点了，那么这个怎么判断呢？我们这个派式应符，我们来看一下啊，我们封装的这个配置音符，那这个分页插件里边，它有非常丰富的属性，哎有一个is first配置，Is last配置，还有是否有上一页has page has next page有这么多的属性，所以说呢，哎，我们在这哎会非常简单。

我呢，取出配置音符，如果你有我们这一块有上一页，我再来显示上一页。如果有上一页，我再来显示咱们这个上一页。否则那我们就不显示上家。好，我把这个首页放在这儿。来看这个我们来做上以后刷新，你看啊，第一页它就没有上一页了，我们就没有那个上箭头，哎，我们就不显示第二页它有上一页，诶显示个上箭头这就OK了，好不错，那么呢，接下来咱们这个上一页有了那相同的逻辑，我们这个下一页，这个下一页呢，诶这个下箭头next啊，我们让它显示。

我们也得判断一下。配置。我们来看你是不是有下一页，哎，有下一页我们才让它显示下一页，好有下一页那么呢，我们才让它显示这个链接。好，我们来看刷新。刷新我们比如来到来到最后一页啊，我们最后一页呢，总共有201页，我就来到201，好，你看啊，2000页没有下一页，那它就不显示第200页有下一页，诶我们显示这个下箭头好没问题，那么这个下箭头显示的时候呢，要点的链接我们也给它填上，就是这个超链接。

好，Dollar大括号。我们要显示的链接呢，就是我们。哎，配置number好。这一串好。这是。我们来看啊，我们取出配音符。然后点击下一页，我们应该是当前页面，当前页码配置里边有一个叫配置number，这是我们当前页码，再加一，这才是下一页，哎，那这个链接我们写对刷新好，我们来看点下一页，诶也过来了，上一页也没问题，好第201页没有下一页我们不显示下箭头首页接下来就是首页末页。那么这个首页末页呢，我们就直接把这个给它填充好就行了。这个首页啊，一定是连接到我们这个第一页就行。啊，他来发送请求，这是末页，末页呢，我们让他发请求，末页呢就是连到我们最后一页，最后一页我们怎么知道呢？哎，我们刚才都取出来了，Page in for里边有一个属性，诶叫pages，这就是总页码，那么呢，我们要最后一页，那就是来到咱们这个总页码，有201页，我们就是来到这个总页码的这一页，好，这是最后一页，那么呢，我们这个首页我们也填充上来。

还是发送这个请求，那么这个首页呢，就是我们第一页，诶这就不用取值了，好来刷新，好我们来点首页也在，末页也在，好每次呢，显示五页，上一页下一页也都能用咱们这个分页逻辑分页条，以及咱们这个分页显示的这个数据，哎，我们就做好了，我们这个员工查询，哎，我们也就出来了。