29 - 尚硅谷-RBAC权限实战-用户维护 - 分页查询页码展示.avi原创

数据出来了，那我们接下来呢，我们就得看这个页码了，因为光有数据还不行，我们不能每一回都在地址栏上直接写页码，那不行，我们一般情况下是对这个页码来翻页，来点击页码进行我们的翻页操作，所以啊，我们把这个页码我们一块儿来看一看，首先我们这里呢，大家可以看到有上一页，有下一页，那么我们来分析一下，大家会发现这个上一页呢，它现在禁止使用，而下一页可以使用，为什么？什么时候上一页能用？什么时候上一页不能用？什么时候下一页能用，什么时候下一页不能用呢？那么简简单的分析一下，首先上一页什么时候能用，我们说呀，只要你当前页，它不是第一页，你就肯定有上页。你不是第一页啊，那你肯定有上一页，那如果你是第一页，你可就没有上一页，因为我们的只有什么第一页，它没有上一页，所以啊，这个我们是能够判断出来的，那下一页呢，那我们说啊，你下一页我们只要当前的一页，它不是最后一页。

那么你就有下一页，那如果我们当前的页呢，是最后一页，那么你的下一页就没有，你都是最后一页了，你哪还有再有下一页啊，没有的，所以啊，我们的这个是可以通过判断来解决的啊好了，这个呢，我们知道了以后，咱们现在就是想办法把当前页咱们找一下，诶当前页我们知不知道呢？其实当前页我们是知道的，因为你这个不就是当前页吗？叫page number，它就是当前页，所以啊，我们这里来，咱们写上。咱们叫当前页。好了。当前页码这个我们是知道的，所以model点艾，我们这边写上咱们就叫page number啊，等于我们的page number，你这样的话当前页就知道了。

那还有一个就是我们的最后一页，什么叫最后一页呢？就是你最大的页码啊，我得知道这个，那我们现在能知道吗？我们现在不知道，我们只是知道当前一页以及我的数据，我根本就不知道我最后一页是什么，所以我这这里呢，还要想办法得到我们的最后一页或者叫最大页码。你也可以理解为叫总页码，就是你当前的数据啊，总共分多少页，这个我们得知道。如果这个你拿不到的话，你那个页码根本就没有办法展现出来啊，那我们这个该怎么办呢？那有的同学说老师啊，我们能不能这样的来写上。我们叫总共的页码，它等于。什么？我们有个小公式。

什么小公式呢？我们得有一个总的数据条数啊，等于什么零，举个例子啊，等于十也可以啊，无所谓，或者等于三也行啊，好了，然后现在呢，我们怎么办？我们应该通过这个公式来计算出来。所以啊，我们来写上它点，哎，不对，我们这里应该有个小公式，这个公式呢，我们这么写啊，咱们给个零，嗯，好，然后呢，我们叫if if什么呢？我要判断一下你当前总的数据条数，它对我们的每页显示的数据条数，它取于有没有余数。我要看看有没有余数，有没有余数是什么意思啊，我看看你能不能整除啊，如果你能整除的话，那说明我们的总页码，它应该这么计算。它除以。但是如果你要是不能整除呢，说明你有余数，那我不管你是多少条，你肯定在一个新的页码中显示出来，所以我们拷贝，拷贝以后我放到这边，我们加一个一就可以了啊，所以这样的话，我们总的页码其实就已经得到了，那么也就意味着我的重点就是我们的这个叫总的数据条数。

所以啊，我们把这个拿过来。在我们这个位置啊，拿过来这个我就写上叫总的数据条数。嗯，好了，那么写完了以后呢，这个值写什么呢？诶同学们说老师啊，这简单的，你有的是点size，这样的话数据调数不就得到了吗？因为你不就是我的集合，不就是我的用户吗？那你这个不就是数据条数吗？大家想想这个对吗？这个不可能对，为什么？因为我们这个叫总的数据条数，它指的是数据库当中的数据条数吧，但你这个是什么？你的这个是我查出来的一部分的数据集合，对吗？那你觉得这个条数对吗？

不对，因为你只是一部分，而我要得的是数据库当中所有的数据的条数，那这个肯定是不对的，我们这儿根本就没有，那没有的情况下，那我这里可就该重新查一下了，所以user service点我们叫page query，但是我们是count，取的是数量，然后呢，我们把map也放进去啊，把这个也放进去。那这个map为什么要放进去呢？那是因为我们以后可能也要有条件，那么也要有条件的话，我事先把它先准备好，否则到时候再改就麻烦了啊。所以先点击小灯泡，我们。然后把service给它创建好。好，然后呢，我写上咱们叫user door.page qua count，好把map传进去，嗯，行了啊，写完之后点击小灯泡，把这个方法给它创建出来，同样创建完成以后，在我们的circle映射文件当中给它加上select，好，然后ID，那么我们的结果呢，就写上一个int就可以了啊好，接下来我们写上叫select的，叫count星，我要取数量，我们这里是count星，然后from t_U诶，我们这么来写啊，那么数量有了，我一返回我们这边就拿到了我的数量，拿到了数量之后，我们把它传到页面当中去。

好，我们的总页码，诶，好把这个拿过来，嗯，行了，那么当前页码有了，总的页码也有了，那我就需要把页码给它准备来。

动态的改变一下了，所以找到我们的页面，我们的页面的这个位置，我们需要判断一下了，首先我们来写上我们什么时候有上一页，什么时候有下一页呢？所以间括号我们写上C冒号if。啊，然后有开始有结束，那我们得判断一下了，嗯。那么我们判断什么呢？我们说了，什么时候有上一页呀，当你当前一页它比一大的时候啊，你只要不是第一页你比一页大，那么就肯定有上一页，所以Dollar符我们写上叫page number，如果它大于一。只要它大于一等于一都不行，大于一，那么我们的上一页就能使用，所以我们放到这里好，然后呢，把这个呢去掉，我们这里是可以使用，就不要它了啊好，那接下来我们的下一页呢，下一页我们说了来咱们靠背。

好啊，然后呢，放过来，诶放到这边，嗯，OK，那我们说你的下一页什么时候可以使用呢？那是因为你当前页它小于我们的最大页码，最大页码不就是总的页码吗？啊，你只要小于它，你就一定会有下一页，那这样的话，上一页和下一页我们就做完了，那做完了以后，其实剩下的就是我们的每一页了，那这个就简单了，我们循环便利间括号，然后呢，C我们的冒号for it。然后我们这里呢，要循环，那我们从哪循环呢？我们叫begin，我们写个一，你从第一页开始循环，那你循环到什么值呢？诶就是我们的总页码，所以总页码诶好了，循环以后，那我现在想要做什么呢？我要想把每一页的这个数据给它取到，所以说我在这个位置我就给它写上啊，我们叫VR啊，然后或者我们用这个也行，表示计数器嘛，第几个嘛，诶所以我们写上we are status啊也可以，然后呢，叫status啊这么写，写完以后把这个我们拿过来就可以了啊好，拿过来放到这边，嗯。

好了啊，然后我们这边我们写上它呢，它呢，其实就是我们的这个，咱们叫status.count第几个，诶这么写就行了，写完以后，那我现在把这个给它去掉，但是我突然发现呢，咱们这里还多了一个样式，这个样式叫active，那什么意思呢？来看看页面，你会发现我们这个一它的颜色跟别的不一样，它表述的是当前页，就是一。那么它处于一个叫激活状态，所以它增加了一个样式叫active，那我们这儿其实也得做这样的判断，为什么？因为我们也得知道你当前是第几页啊，所以说我们来看一看，咱们写上叫做尖括号。

冒号if啊，好了，那么然后呢，我写上咱们叫test，嗯，如果你当前页咱们叫page number，它等于我们的status。Count，如果它等于这个，那就说明你当前是不是一个什么，我们的页码是对的，所以把这个我们放过来，放过来以后我增加个样式，就表示的你是当前页，所以class等于active。好，然后接下来我们再看一看。如果你这边要不是。你这边要不是我们的当前页的话，那你就没有那个样式了，所以拷贝。

好把它去掉就可以了啊嗯，好，我现在把这个写完了，写完以后把这些全都去掉啊，他们已经进行了判断了，好写完之后呢，现在呢，我们刷新啊，来看一看效果刷新。大家可以看到我们现在的页码发生了改变，我当前就是第一页，然后呢有第二页，因为我们总共三条嘛，那就两页，但是呢，由于你不是最后一页，你就有下一页，那这是对的啊，这是没有任何问题的，好页码我们准备好了，可是你点击之后你要翻页啊，所以这个时候我们需要给他来再写一下代码，写什么代码呢？首先是这样，你上一页是啥意思？它表述的是你要去到上一页对吧，那你能出现的话，说明你肯定有上一页，所以我们给它增加一个方法，这个地方我们来添加一个方法来。

我写上function啊，我们这里要change page number，我要改变页码了，其实就是翻页。啊，我们就要翻页了，那你改变页码的话，你得把页码你告诉我呀，所以写上配number本就可以了啊写完以后我要翻页，其实所谓的翻页咱们之前说过了，就是咱们那个参数发生了变化，所以啊我写上叫window.location.ref。然后我这是有个路径，路径我们前面讲了，我们加上一个这个叫pass，这样的话肯定不出错，然后写上叫user index，记住你可要传参数了，问号咱们叫page number，它等于，它等于的就是你传过来的这个页码，那这样的话我们就实现了翻页的功能。

好了，那现在这个方法我们需要在这边给它导入一下，所以我们写上咱们叫on c啊，咱们这嗯留的嗯。咱们叫on c，它等于诶放过来，放过来以后，那我传参数应该传什么呢？因为你当前的页码它大于一，那就简单了，我们传值的时候，我们直接写叫page number减一就可以了啊同样道理，你的上一页是减一，那你的下一页可就是加一了，所以说我们在这个位置给它来加一。好，那么接下来，那我里面的这些值他要做什么呢？哎，我们接着写它的这边，就是说你是什么我们就写什么啊，比方说我们把当前的count就给它写上就可以了，所以拷贝拷贝以后放到这里，同样道理，我们这边的on click，我们拷贝，拷贝以后我放到这里。

诶好了，诶不对，我们当前页是不需要点击的，所以on click我们可以不需要，诶把这个去掉啊好了，行，我们再来刷新一下，刷新刷新以后大家可以看到我们这里照样是有页码，我来试一试，我点击第二页点一下点。大家看看变没变？变了吧，你看这没错吧，你再回过头来看这个上一页是不是出现了，诶没错，因为你当前页已经不是我们的第一页了，同样道理来点上一页点点下一页点点第一页点，你会发现没有任何的问题，这样的话，我们的数据有了，我们的页码有了，分页查询写完了。