056-山硅谷-尚品汇-分页器动态展示

好嘞，各位同学，那咱们呢，接着继续了。那首先说啊，咱们呢，刚刚啊是把这个连续页码的起始数字与结束数字是不是算出来了。那接下来啊，咱们呢，要动态的去展示这个分压器了。对不，那所以说咱们也做一下笔记，那这块老师先把该关掉都给它关掉。那咱们也做一下笔记，这个应该是第五个了，哎，第五个第五个咱们要做的是什么呀？要做的是这个这个这个分页器的动态的展示。OK吧，那这块呢，要注意老师呢，把这个分页器啊，它的这个结构你你记住了，分为什么分为上。中。下三部分。OK吧，一定要记住，就是你自己在练习的时候也是一样。把它分为上。上中下三部分去搞对不？所以你把它分为什么分为上。

中下咱们先搞，谁先搞，先搞中间部分。OK吧，但是这里面呢，可能有一个知识点咱真的没学过，因为我也不知道你们宇哥前面到底有没有讲过。或者说你们还有没有点印象？就是V杠，For是可以遍历数字的。啊，这个老师真的最后再问一下，就是这个玩意儿真的以前见没见过。就是V-for啊，它可以变成数组，因为咱们经常变了的是数组。但是像对象数字string。对吧，像这种这种便利器，它都可以便利。就是便利数字这个活知不知道，知道给老师扣一个六，不知道扣个二。知不知道？就是你千万别以为说诶老师非刚只能便利数组，不是的，他别的也能便利。就这玩意儿，以前接没接触过。这块一定要细节，就是说V杠放啊，V杠放它不仅仅可以遍历数组。

数组是可以遍历的，数组以及数字以及字符串，以及还有还有对象，它都是可以变历的。OK吧，所以这个一定一定要注意啊，说咱们这个V号是可以别离数字的。那咱们呢，先把中间这一部分先给他搞定。举一个例子，比如说当前是第几页呢？咱改一下这块数据，就比如当前是第八页。那你要先想明白，中间的这五个数字应该是谁，就中间的就是点点点点点点中间这部分，记住啊，上中下，结果给我给我看准了眼神给我好一点。你看这样，上面是最终结尾是不是点点点，下面最终结尾是不是点点是不点点中间是不是中间结构。那你要明白，如果当前页码是第八页，你中间应该是谁？中间是不是应该是六七八九十，这不这儿呢吗。对不对，不比就说中间这块应该是六七八九十对不，那这块怎么生成的，那就说中间这一部分咱们得动态生成，你不能这么搞了。

那这块老师你不要，这是中间结构，就是中间的部分。写一下就是中间部分。这块怎么搞呢？老师告诉你这么搞叫V-for便利。就比如说这个配置代表是你变列到当前页对不，以及所以那你便利谁的，咱们便利的是star and number，你计算出来那个N的那个数字。那当然你得有啥，你得有这个KK，为什么咱们就用index那显示显示当前页码。配置。但是你要注意一件事，咱们现在这个结束数字是几是十，那你便利应该便利几次，便利十次是一到十，你看吗？所以说点点点点点点中间这一部分不就是中间结构吗？它出现了一二三四五六七八九十，那你应该知道微杠号变利数字的时候，它是从几开始的，说从一。

对不？诶对不对，就说咱们的star number and number这个按的是十，那相当于你V杠号在便利十，那便离多少次便利十次。那不就是一二三四五六七八九十嘛，但是你要注意中间部分，咱们就想要谁要六到十，你五到一之间是不要的。那所以说哪部分是咱们想要是不是六到十。所以说这个元素一到五，咱们是不想要你得隐藏掉，那隐藏掉要么是微纲if，要么是微纲受，对不？那咱们写个写个微刚if。那就是V-if，如果你的什么，如果你的配置如果大于等于咱们的star number什么什么number.star代表是你要。对不就是你的配置是一二三四五六七八九十，如果是大于等于六。

你看嘛，是大于等于六，咱们采样。所以说就是到这儿能不能想通，那这块中间部分是不是就是OK的了。能不能想通，想通了给老师扣一个六。也就说你现在微杠便离的是十，便利十次是一到十，但是一到五不要，那你怎么判断，因为你的配置如果大于等于六，我是不是才要是不是六到十，就这能不能想通。可以吧，那咱们再测试，那假如说当前是第15页，那你中间这五个数字应该谁，十三十四十五十六十七对不对。是不是应该是十三十四十五十六十七，这也没问题。但接下来老师问你的，问你一个问题，你说完事了吗？老师问你完事了吗？就到这完事了，说老师这分页器不已经完事了吗？但你要想考虑清楚，完事了吗？

有没有完事，就中间部分暂时搞完，你就你就你就说告诉老师有没有完事。说老师这不完事没完事儿呢，咱举个例子，那如果说当前页是第几页，是第一页。你再再再切个，就比如当前页是第一页来，你看这。那咱算出来那个连续数字是不是一到五。哎，你算出来数字是不是连续数字是不是一到五，那这是不是12345，这个没问题，但你看前面点点点和一应该出现，不应该。这能想通吗？这能不能想通，那假如说当前是第一页，那连续数字没有零，没有负一是不是12345，但你前面上面这个结构一和点点点是不是出现了。所以说你这块，那如果说当前页是一，那你这块是不是得隐藏。对不，那以及咱们在那如果说当前页是第二页，你看如果当前页是第二页，是不是也是一到五，是不是也是五个，那你前面一和点点是应该也隐藏。

对不，那假如说当前页是第三页，你看这回行不行，那你这回再看，你这回当前页是第三页来看，这是不是还是12345，你这块是不是还在隐藏。那假如说当前第四页，那假如说当前页是第四页，那来老师问你，那当前页是第四页23456，你这个一是不是才要咱就先看这个一。对不？比如说当前页是第四页，你的范围是二到六，你这块的时候是不是才需要，就这能不能懂。老师再说一遍啊，你看如果当前页是第一页，咱算出来的这个范围是不是一到五。你这有12345，前面这个一，咱就先看这个一，你是不是不应该要。对不，那假如说当前页是第二页，它也是12345。对不，那你前面这个一是不是应该也不要，那假如说现在是第三页。

走也是12345，那你这个一是不是应该也不要，但是如果你当前页是第四页，你算出来那个范围是二到几，二到六，那你这个一是不是得要。那也就是说前面这个结构的一时而要，时而不要，你判断的条件是什么？这个能不能理解老师在问什么，就是前面这个上面这个结构。就是上面这个结构的这个一时而要，时而不要，就是时而显示时而隐藏，那你怎么判断。怎么办？现在老师就现在的这种状态，是不是就是要。那怎么判断很简单，如果你这个算出来，这个如果大于一。大于一不就是二吗？那咱是不是要。这个能不能想通？哎，这能不能想通。比如说你算出来这个这个这个这个数字起始数字如果是二，如果是那个大于等于二，咱是不是就是要要一，这能不能想通。

给个回音。也就是说你这个大算出来这个大如果是大于等于二，你是不是就要这个一说白了不就大于一吗？如果你的大是大于一的，我是不是就要。哎，对不对。哎，对不对，对吧，所以这能不能想通。给个回音。比如说你算出来这个范围，如果这个死大，如果是大于一对不二嘛，是大于一的状况下，我是不是就要了。对不，所以这块你得加个判断什么判断就是V-if。V-if，如果你的star and number点大，如果大于一，我才要。对吧，那你看现在是不是就是对的，前面这一是不是就就就就就就就出现了。对不，那假如说咱换一下，假如当前是第，呃，当前是第十页。

你看嘛。前面这个一是不是也有，你看前面这个一是不是也有。你看嘛，对不对。多少这没改成啊，那就错了，当前页是第十页，你看，比如当前页是第十页，你自己看前边这个一是不是也有。对不对，你只要大大于一，我是不是就要。那这么倒。哎，这能能懂吧。给个回音，同志们。可以吧，那你说这个条件点什么时候应该出现。那举个例子，那还是当前，如果说是第一页，你看啊，当前第一页没问题走。是不是一到五，咱们上面那个结构一已经隐藏了，我问你他应该出现吗？不应该出现了。哎，是不是不应该出现。对不，那假如说当前页是第二页，你再看一下当前页是第二页，你自己看是不是还是12345。

你是不是应该也不能出现？那假如说当前页是第三页，来你再看。是不是还是12345，是还是不应该出现，那假如当前是第四页，你看。假如说当前是第四页，那老师问你是不是需要出现了。啊，不是当前第四页应该也不应该出现。对不？哎，对不对。对吧，就是一完之后就二中间没有任何数字了，对不对。就当前是第四页，也不应该出现一和二之间没有任何数字，你不应该隐藏。那你告诉老师，他什么时候显示。那再来嘛，假如当前是第五页一点来。当前是第五页，我问你这回要不要出现？这回一和三之间是不是有个数字，二是不是才隐藏？所以说如果你的死大大于二，我是不是才要调整的？

就这能不能想通？能不能想通，比如你的大大于二，你说三，我是不是才要。对不，所以这块判断也很简单，那怎么整，那就是说你的star这块再来个啥V-if，就说你的star什么number。诶，怎么没提示了呢，来诶star number and and number点的，如果大于二，我是不是才要。对不，所以这回你看一下找你是不是就正常的了。对不对，咱们测试一下子，假如说当前第一页，你就一眼二测看这个状态就不假如当前第一页是不是这种状态。是不是12345。对不，如果是当前页是第二页，是不是还是12345。对不？对不对吧，那假如说当前页是第三页，是不是还是12345。

你自己看吧。对不对，那假如说当前第四页，那咱们看一下子对不对。走刷新是不是还是呃123456，那这个先不管，咱咱先不看后边去看这。是不是还是没有，那假如说当前第五页来，你看是不是出现点点点了。看吧。对不对，因为咱后面还没判断，先不管后期管前现在对不对老师问。对不对，比如说你大的这个大的值大于二，我是不是才要。能想通吗？啊，这是他。好了，那接下来老师问你完事了吗？你说前面要喷子，你说后面要不要盆子？没完事儿呢。对吧，你后面是不是也得判断，那举个例子，我当前是第31页，一共就30页，我现在就是31，来来来你看一下。老师问你对吗？

老师问你对不对，现在咱最后一个数字是31，那这块是二十七二八二九三十，31没问题，但是你还有点点点，还有31吗？没有啊。你后面也得判断。对不对，那你说那上边咱判断完了，看着上咱们判断，那你说下面怎么判断。就下面这怎么办？就这玩意什么时候应该有，什么时候应该没有。就是什么时候应该有，什么时候应该没有，怎么判断是类似，但是你得知道判断条件啊。怎么判断？对，你得判断N，如果N它就是总页码数。就比如就是31，我还要这个31吗？我不要吗？那什么时候要这个31。你这个是不是应该小于总页码，我是不是才要。你如果这个end就是总页码，我要么我不要，那举个例子，我现在这块老师给他来一个，就比如我现在是多少，我现在是28。

我现在是第或者27，当前应该是27。对不？当前页是27，那个N的是不是29，那我问你这玩意要不要。要吧，所以说什么时候要，它就是当N小于total配置的时候，是不是采要。对不对，就这能不想通。比如说你N的便离出来，这个N的如果小于31，我才要。你比31，你比如说你等于31，就比如这是31，那我还要吗？不要，所以这块怎么判断很简单，就是来就是什么，就是V杠，谁V杠。If，如果你的谁？如果你的star and and and number.and如果说是小于total配置，我是不是采药？偷偷哎，等会偷to偷偷配置我是不是采药就站着我想偷。

这能不能想到，就比如说当前页是27，你按的是多少，是29，那29我要不要我要。能不能想通想通给老师扣一个六。我要的是所有的同学啊，你能不能听懂，不能听懂，给老师扣一个六，因为你摁的如果是29小于偷偷配置，我是不是才要才要才后面这个结果。啊，同志们，你不懂就扣二，你懂了就扣六，让你们扣的真费劲。就这能不走，比如说你这个N，如果是先举例29 29要不要要。对吧，那假如说你当前是多少，你当前是第第第第第第第第第31页，你看吧，你31页我是不是就不要了。你看点点点后面那个31是不是隐藏了，我是不是就不要了。对不对。对吧，啊。

好嘞，那咱们还得说谁，还得说这个点点点老师问你。那如果说现在的这种状况，就是这个已经是最后一页了，你还要点点点吗。哎，老师问你现在点点后面这个31是不是已经隐藏了，就这块是不是已经隐藏，咱是不是已经没了，是不是没问题，但现在老师问你这个点点点咱们要。点点点不要吧，那你怎么判断。你看什么时候不要，咱举个例子，现在当前页是31 31咱们不要，那咱再看，那假如当前页是第30页。来看这当前页是30页，你如果是30页来老师你要这个点点点吗。要不要这个点点点。看这就是现在，如果当前页是30页，要不要这个点点点。一点点推嘛，现在如果当前页是30页，最后数字是不是31，是不是不要，那再来，那如果说是29，当前页是29页，来老师问你要不要这个点点点。

当前页码是29，是不是也不应该要？对不？那你再来，如果当前页是28，哎呀，妈写错了，当前页是28。来，老师你要不要？现在老师你当前页是28，要不要。这个这个后面这个下面这个就三十一出来了，但要不要点点。就这种情况，要不要点点点30和31之间，你给我来点点。现在要，谁说要呢？你告诉老师，30和31之间有谁？嗯。就是30和31之间有谁。谁也没有啊。是不是应该也不要啊？

哎，对不对。对不，那再来，你看咱们再那如果是27。那这回咱们再看一下子走。老师问你要不要？这回要不要要吧，那你说这块怎么写？那你说这块怎么写？就这款这个这个按钮什么时候要，就是这个V-if怎么写。也就是说你这个N的如果是29的时候，我是不是才要，那这29怎么来。比如，你的总页码减几？总页码减几是不是减，我想想要的时候应该是小于几，小于30。现在是29嘛，29不应该要吗？不就是小于30吗？应该是偷偷配置减去减一对不对。就是29摁的是29的时候，是不是要那29不就是小于30嘛，30怎么来，那你看嘛，那就是谁，那就是咱们的这个这个这个star and number.n减去谁，我减不是小于咱们的total。

配置减几减一，那31减一不就是30吗？那三小于30，那不就是29 29是不是才要这个能不能懂。哎，这个能不能懂，就是前后的这个判断能不能懂。你想想，当N的为29 29是啥？那不就是小于30吗？30怎么来的？那不就是偷偷减一吗？31减一不就30吗？小于30那不就29 29是不是就要？就这能不懂？诶，那么可以吧。所以说老师有一个要求，什么要求你晚上给我写这个飞热器的时候，一点点给我调，而并不是我死记硬背下来的。OK吗？说这是啥，这是上。中和上和下。

所以说这块一定要注意，你晚上这下下下下下，就晚上的时候，我不允许任何一个人给我背代码。背代码没任没任何意义，因为老师讲的时候你会发现我是不是一点点测的。把所有情况给我考虑，详细了再我去搞。做数现在是不是就正常的了？对不，那但是中间这个不就是当前页吗？27页吗？对不，那咱们再测一下，假如说今现在是第一页，咱测一下，假如说当前是第一页来看现在这种状态是不对的。假如说当前页是第一页，连续页码是不是五页第02:31对不对。告诉老师对不对，对吧，那假如当前是第八页来看这假如当前第八页来。中间是6789是中间是中间页对不对也对吧，那假如当前是三十三十页，你看这种状态对不对，是不是就对了。所对不对，当前页是30页，连续页码是五个，前面是不是一点点，是不是就OK了。

就这能不能走，可以吧。就这位老师呢。