29_尚硅谷_书城项目_完成分页图书的显示及添加页码

诶，我们刚刚呢，把这个方法啊，获取这个带分页的图书信息的这个方法呢，已经测过了，诶没有问题，好下面呢，我们就来这个实现一下这个功能。那这个时候呢，我们需要改一下我们那个超链接在啊点at里边，我们把这个图书馆里呢，改一下，改成一个，比如get一个page。改成get page，那也就意味着啊，我们之前在handle了里边写的那个get page，其实那个方法也可以删掉了，也就可以注掉了啊，我们不用那个了，以后就不再查所有的了，这际就查在分页的了，就是这个意思，好诶我们来把这个呢复制一下，图书馆里还有其他的地方啊，其他地方也有，我们这个把这个也改了啊，都改了。哎，省得我一点这个又掉我其他了。现在这这些。三个超链接，这三个地方呢都有，所以呢，我们把这三个地方呢，都改了啊改完之后呢，我们去这个。获取这个，嗯，所有图书，获取所有图书这一块呢，我们把这个也注掉了啊，不用它了。

先复制一个。把这个能租掉。获取，获取所有图书。你怎么没了呢？我不是复制了一个吗。调CTRL斜杠。好，哎，这是获取带分页的。就在这些了啊。好，来get一个page。哦，我复制了一行是吧。Get一个page，好把这个方法也同样啊，我们再来创建一个新的get一个page。好，找到我们的这个book handler。Book handler。获取所有图书，我们就在它旁边写了。

添加过去所有读书，好，诶来。复制一个他。上面改改了一个page。我去带分页的。投诉。好，我就再分页了，那就意味着啊，下边这个get box是不是就可以删掉了。就可以不要了啊，就可以删掉了掉。除掉之后呢，诶下边的只要是调这个方法的呢，你都需要改啊，包括删除啊，还有更新完之后呢，我们是不是又查了一遍对吧？那这个删完之后呢，就得改成get page了啊，把之前的那个本来删除完就是更新完掉的，还是查询所有图书，现在呢，我们带分页了，所以呢就得改成get page了，好然后在这里边第一步呢，我们不是直接掉这块了，是不是得先获取页码啊。获取页码，也就是你想去第几页，你把页码给我传过来，然后最终的这个配置里边就有那一页里边那四本图出。

就是这样啊，开。等于2.1个。Form value。好，哎，里边比如来一个page number，好哎，先获取这个页码，然后调用不可dau中呢，获取这个什么呢？哎，带分页的一个图出的函数。调用啊这个什么的带。嗯，好，哎，删掉。返回一个page。就等于一个。DAO点一个。Get一个page box。里边穿一个page number，野蛮。

好诶得到一个配，哎配G，那这块解析模板解析完之后呢，哎，下边这块，哎得到。把这个配给它响应过去保存。好按着这个啊，然后这一块写完之后呢，下边我们这些都得改了，改成一个get。Page这是删除对吧，删除完你在那块删除完之后呢，还得得调get pageb了，哎，我们这个呃不是这个去呃去这个之前的那个了啊下边这些嗯也一样啊，这个呢也一样。看下不是好。哎，就是这个后台的这个代码改完之后呢，我们去这个页面，因为便利的这个之前直接是便利的books，现在都不一样了，需要是page里边的一个字段，所以呢，找到我们的book manager啊来回来这一块呢，不是run点，这是run点一个。Box对吧，哎，便利的是这个page啊，Page这个里边我们这个box这个字段了，就是这个切面这里边只有四本书了，哎，不是所有的了，哎，所以啊这块就要改一下，那这个改完之后下面的还用改吗。

不用了吧。这些都不用改吧，诶诶这只是把这个改一下啊，之前是电力的所有的，哎，现在呢，是这个配置里边这个部分好哎改完之后呢，我们来测试一下。关掉。CTRLC。好哎，来试一下啊，看能不能拿到四本图书后台管理。来图书管理。超链接还没有改，刷新一下。图书管理好get pageb点。诶，没有，诶怎么没有呢。没报错啊，没报错，这是之前的get。

点books没问题啊。返回过来的不是配吗？第二。哪个呀？哦，这个是吧。点box点抬头，点box点点点。啊，上边的改，下边的没有改是吧。Box点一个。其他的还有吗？点。点ID。点box。嗯，我便利完。

便利完，不就是已经是一个book了吗？不用改吧？并列完之后，这个点就不一样了呀。应该不是这的错啊，不是这的错，这应该这一块应该不用改结构。不是一个斜面。是啊。改了呀，我们这个测的时候没问题是吧，没问题啊这个啊，图书管理怎么没有呢？来查看源代码。Man。添加图书，哎，中间没有编辑出来是吧，图书。他说没带那个原本。啊，对。忘了传啥呀？Page number对吧？哎，Page number这块啊，这块我们这个，呃，这个是为了下边超链接的时候，你点的时候有这个page number，然后我们这个第一个超链接没有点这块啊，你可以把那个配音代码加上，或者我在这块可以设置一个默认值对吧？哎，如果那块没有的话，我让他去第一页对吧？这块可以啊，你可以在这块写一下，哎，如果没有的话去这个，在这块我们来写一下get page books这块number，哎，If。

If这个page number如果等等于。默认的是啥呀？空空是吧，哎，如果它等于空，我是不是可以比写一个配音number等等于一个一，哎可以吧，哎等于个一啊等于个一，所以字这块啊，你可以写一个呃这个呃判断写个判断，因为这个刚开始我们那块没有传啊，没有传就是后后边啊，我们这个写下一页时候要传这个页码，所以呢，我们第一步必须得先获取这个页码，看他想去第几页啊，当然了，你这块不显它也行，我们在这个呃。点这个超链接的时候，Manager这块在这后边写个问号number等于什么，把它传上也是可以的啊，也可以的，好啊，我现在写了个它我们在这个呃后台写的，所以呢，我还得再重新来一次啊。

CTRLC。我听一下。狗，有的。慢点。好，再来一次啊，返回商城哎，后台管理刷新一下图书管理点。好诶，没问题啊，第一页，第一页里边的解忧杂换店编程，中国哲学史和护然气质护然机制，这是第一页，哎，就拿到了，哎，下面是不是还少页码啊，所以呢，来把页码加上。找到我们的。首页，首页里边有个页码，一个div，我们把这个div粘过来啊，稍微改一下就可以了，Div专门显示页码的一个div，好，就是这个。CTRLC。好，拿到我们的这个book manager点一哎往下翻。

嗯，在这个腿部下边，在这块呢，我们来。CTRLV，好，诶这是这个页码页码那中间的这块啊，我们稍微呢修改一下，把这个删掉什么呢？诶写上什么当前是。是第第几页？用到第一页。先写四啊，一会我们再改啊第一页，然后呢，共多少页，把这个呢直接拿过去了啊，最后呢，这块是到第几啊，让大家后最后最后显示。没有没有没有。一。CTRLCTRLX。CTRLV，好，哎，当前是第几页啊，共多少页，共多少条记录，再写一个共。哎，共这个多少条记录好，最后呢，有一个到底几页好，我们这个改完之后，我们先来看一下这个效果。图书馆理。好，首页上一页当前是，哎第几页，哎共多少页，共多少条记录好，那现在这个是不是还是写死的对吧？哎，我得从哪里边来拿呀。

你玩吧。配音里边是不是有啊，我是不是传过来了对吧，这些里边这些我们传过来那个配集里边是不是都有，所以呢？哎把这个改了，哎当前是第几页，这个应该是大括号，大括号。点儿。Hey。Number对吧，哎，配里边啊，配置里边这个配number page number好，哎下面呢，同样总页数。点涛。Page number，好，总记录数。点涛。逃课的好，哎，总记读书好，我们来看一下啊，图书管理。好，第一页，哎来哎，换一个。问号，哎，Page number。

有等于二。诶，第二页，诶当前是第二页，共九页，共33条记录啊第三页。然后这样。好，诶没问题啊，诶第九页。哎，这样以后我们就这样翻译就行了是吧。哎，这是这个啊，但是下边首页上页，哎，我们这个，哎可以处理一下了啊，可以处理一下，还有一点啊，还有一点当我你看啊，我这个当我是第一页的时候，我再点首页，首页和上一页是不是就没有必要显示了呀。对吧，是不是可以隐藏了呀，我现在已经是第一页了，你这是写上首页，上一页是不是还是在这第一页对吧，那这块我们先把这个超链接写上啊，首页让那写个。盖了一个page的books，还得向这发请求好这一块。Get一个pad books，好，那关键是上页跟下页，这个我该怎么办呢？

上页是不是应该用当前页再减去一啊，哎，这块我怎么来得到呢？哎，我们可以这样，我们可以在配置里边呢，来写函数，来写返回上一页跟返回下一页的函数，呃，方法啊方法可以写这个啊，可以写这个，在这个配置这个结构最下面，我们可以写方法，那当然啊，在写方法之前呢，我们可以先判断一下有没有上一页。对，给它返回一个不R形的值，那有了这样的一个方法之后呢，在这个页面上我们就可以判断了，如果它有上页，我让它显示这个首页，有有下一页完，它显示首页和上一页，哎，如果这个比如呢，已经到最后一页了，就不让它显示下一页和末页了，就是这个意思啊，哎，我们在这块这样处理一下，如果你是首页。首页和上页不让它显示，只有当前页大于一的时候，再让它显示首页和上页，那如果你是最后一页了。这个末叶。

下一页和末页是不是就不用显示了，对吧？哎，这一块呢，我们处理一下处理一下好，那为了注意它这样啊，我们在配置里边呢，来写这个四个方法，第一个方法，哎，比如叫什么呢？Is。什么呢，Has？什么呢？Pre PV，这个就是是否这个有上一页，哎，我们来写这样的一个啊，我们判断是否有上一页，好，哎，这个。Func括号，P。Page page，好，里边什么呢？Is has？P，好，返回布尔。好，那这个返回值我该怎么。怎么返回呢？Return一个P点，一个page number。如果大于一。

诶，这样对不对。能看懂吗？如果你当前页大于一，它是不是就有上叶？对吧，如果不大于，是不是就没有上一页了，如果等于一是不是就没上一页了，已经是第一页了吗？然后这样有问题吗？没有吧，哎，它啊，这个不二零的值，不二零的值判断是否有上一页，那同理我还可以写一个判断是否有下一页has next。It has next。同样，哎，我们这个返回一个，哎，布尔。好，那这块算一个什么呀。P点一个page number小于我的P点一个total page number。

有问题吗？是不是只要你当前页小于我的总页数，它一定有下一页？对吧，哎，所以这块啊，哎，这是写了这个两个，呃，方法判断。是否有下一页？好那好，那现在有了它之后，下面呢，我们就可以干什么呢，来获取上一页，获取下一页。Get。Brave。Number啊，哎，这什么呢？哎，获取上一页。好，诶，UC。G。哎，返回一个，我那是int一个64 int64。

好，这是什么呢？获取上一页，好，那获取上一页。这个时候该怎么怎么获取啊。这里边儿是不是得写一个判断呀。看啊，我这样写啊，诶if什么呢？If，哎，如果它有也就是if is。衣服什么的啊，也这样写。万一你传的这个数，哎不合法呢，哎，不是不是不是这个呢，所以呢，我得先判断你有没有上一页，哎，所以呢，衣这个P点一个is has。哎，也就说如果它是true，就证明已经有上页了，所以呢，我这这个时候return一个什么呢，P点一个page number。是不是减一。对吧，哎，减一很好，减一好就是这个那else。

什么呀？原什么呀？是不是证明没有上一页了，那就直接返回一不就行了吗？哎，可以吧，哎可以啊，就是这个，你看这块咋了。哦。好啊，这是这个啊，获取上页，获取上页get number就是获取上页判断，如果它是true就证明已经有上页了，所以呢，我一下当前页减去一就是上一页了，就当前页码减去一，比如现在是三减一啊二那如果现在是一的话啊，证明没有上一页，哎，就是L还是返回的一，好哎，那下边一样获取下一页。Get一个next page number。获取下一页。

Get一个next number。同样来印他一个64。这一块if p点一个next is next。Has next，哎，如果有下一页往这块看一下，P点一个page number。加一对吧，哎，加一好诶l else，否则return一个P点，一个total number没有下一页是不是已经是最后一页了。对吧？哎，所以这块啊，一个P点，一个total p number，好哎，这是我们又写了这四个方法啊，四个方法一个是判断是否有上一页，呃，判断是否有下一页，获取上一页和获取下一页，好那有了这个之后，诶来我们在这块呢，就可以判断了。

哎在book，哎是这啊book manager这块，首页和上一页这块，诶我们这个是不是可以判断了，对吧？诶if if什么呢点。我们那个写那个方法叫is。Has brave。哎，如果这个是处，是不是让他显示首页。和上页。And，诶，对吧。It has prove吗？哎，如果它是出证明有有这个首页有上一页有上一页，所以呢，我让它显示两个超链接啊，显示个超链接。哎，这没问题吧，你看这个啊，那同样下边这个下页和末页。If，第一个has is。Has next，哎，如果这个有下一页和末页，哎，我让他显示这个下一页和末页，好写这样的一个判断啊，写这样判断，那这样啊，我们把这呢首页这块和上一页。

首先这个呢，后边不用加参数了，因为我们有一个有一个这个呃呃判断了啊，这个后台有一个判断了，如果这个没有传的，直接是去第一页那没问题了，那这个上页这块。得写了问号。Page number就等于那这个上页。大括号，大括号这个应该是点一个。上一页是啥呀？Get brave？Page number。是不是是我刚刚在这写的这个方法呀。对吧，嗯，Get这个p number，哎，就是它啊，就是它，我们来调一下，它就能得到这个商业的一个页码了，啊，就能得到商业页码了。别写错了啊，粘一下好，那同样下边，哎，下一页斜杠。

Get一个page box。问号page number等于。点儿。Get next。Page number，好，这是下一页最后一个末页，复制一下。CTRLC。这块是一个total。Page number。保存好啊，哎，这个写完了，写完之后呢，我们来试一下啊，来试一下CTRLC。看看我们写的这些有没有问题啊？Go build，慢点，一个go。慢点一个。Yeah。好，哎，来这个图书馆里。

好，第一页，诶现在是第一页吧，第一页你看是不是首页和上一页不显示了，对吧？哎，来看下一页。你看啊，把鼠标放到下一页之后，是不是配音等于二了。诶，对吧点，哎，第二页是不是首页和上一页出出来了，对吧，哎，来下一页，下一页好末页。你看到末页之后，是不是下一页和末页没有了。对吧，哎，没有了啊，下一页横我也没有了啊，这是这个还有最后一个啊，这个功能到第几页是不是我这个。框框里边啊，这个框框里边我们点开首页，这个时候呢，显示的还是还是死的，我们这个也让它显示一下当前页。呃，到第几页这个Y6我们也改成当前页，先改成当前页啊，点了一个page number。哎，让它显示一下当前页好诶来这个下一页好，第二页看一页好第三页，那我现在呢，不想翻页了，哎，想直接去某一页，哎输入它是不是点确定，所以呢，需要给他绑定一个。

单机时间吧，哎，那我们就写到这了啊，就写到这个，呃，Div这个里边了，嗯，不写到最上面了啊，写到最上面了，好哎，这是这个页码，这个D，我把两个它两个对齐啊好在这我们来写一个script。好诶在这呢，我们来诶获取给这个确定按钮，绑定这个单击事件。哎，来给他一个ID。然后。好，诶，刀符。括号我在这就不用写什么倒符里边传个function，就是那个温度加二等于function了吧，它是不是已经到这个下边了呀，哎，先能拿到它啊，加载完它之后呢，我再执行它，所以呢，这个就不用写了，行。Sub点一个click。

好。里边来一个function。啊，给他绑定单支键好，下面呢，来获取输入的这个页码。哎，获取书的页码来word一个page number。就等于。到乐福。括号。输入的页码input里边有一个idpn input好，CTRLC。井。点一个Val。好，得到里边的Y6值，好，那下面呢，我们就可以这个来发请求了啊，发送这个请求啊，请求这个get page location。就等于这个写全的话，应该是window.location.h ref对吧。

等于什么啊，等于什么？斜杠get一个page box。改一个配置不是问号。Page number。等于加我的page number，好就是这个啊，写了一个单击时间，好，那下面呢，我们就来看一下这个跳转啊，点确定能不能实现我们这个跳转。来第三页首页下一页。好，来来，我跳到第。六页。啊，确定。好，第六页没问题啊，没问题，哎，跳到第六页了，这是我们这块啊这个呃，给这个图书呢，添加页码这块呢，我们这个诶也实现好了啊好下课休息一下。