动力节点SSM框架项目【CRM客户管理系统】实战实战教程-076原创

好，然后大家看，那这样的话，我们就什么呀，在这个什么分页查询的，这在这个市场活动主页面里边来引入分页查询的这个插件了，那引入插件的话三步走，不管在哪个页面当中用插件都是三步走，第一步引入开发包，那引入开发包大家就在这边引入吧，我们说得先引入被依赖的开发包，这被依赖的解query，解query咱们这里边好像已经引进来了，哪个地方是不是已经引进来了，还有第二个不得所RA的框架是不是也引进来了，也引进来了，所以因为什么？因为我们前面做了日历，日历也是依赖于他俩，所以他俩已经引进来了，在这个页面里了，所以我只需要引入谁啊，配置nation这个翻页插件就行了，所以那这个地方我这个地方来继续了，那引入翻页插件，我也在这里边引入，那这边引入我这个地方就不写啊，因为在咱们写这个测试页面的时候，都是在同一个工程里边来引入的，所以我只需要把它引进来，只需要把它拷过来行。然后呢，我这个地方来拷过来CTRLC拷贝过来，然后呢，放到咱们这儿就行，知道吧，啊，当然可以让他们顶着去啊知道，然后呢，这个地方来一个知啊，当然我们说你也可以让CS让这个CSS单独拿出来，跟这个CSS跟这些CSS一起。

嗯。你也可以这样这样引着吧，这样也行啊，当然这个地方既然大家都不要，咱们这个地方也不要了，知道吧，好，这样的话，大概我们知道这些插件。开发包已经延少了，下边第二步创建容器，创建容器我们是不是得在这个地方创建一个div啊对创建div，那创建div吧，这个地方来找到这div维找一找，看在哪呢？往下找，应该在最下边的，这是美工帮我们写好的，这是美工帮我们写好的，我们不用他的了，我他的功能不够强大，懂他这个其实就是个div，知这是美工写的这个，那美工写这个先把美工能注释掉。

注射掉，然后在这里边提供一个div。提供哪一个div，就是就是咱们这个div，就这个div啊，当然你自己建一个div也行，我就不自己建了，我直接把它拷过来，肯定C拷贝过直接放到这。是不是给美工做这个应该放在一起啊，对，就取代它这个位置，但是事实证明是这样的，大成D维我们说都是块元素，块元素什么意思？就是在页面里边，你要想着一个块元素。然后呢，就大哥诶元大哥，页面里边这些元素分为两大类元素，不知道大家知道不？有块元素，还有什么行元素，两大类元素在页面里这标签有块标签，有行标签啊这个知道知道不。没没听过，没没听过，简简我简单简单提一下吧，快元素什么的，快元素像这种div啊，还有什么P标签，P标签用过吗？对段落标签是吧？对像这些标签都叫块元素，块元素什么意思？在页面上显示的时候，它给你显示出来，显示出来呢，你再在它的前后再加别的标签的时候，它会给别的标签中间加一个空行。

用空行隔开，知道吧，就这种所有的块元素它都会什么给别的元素不会紧挨着它都会加一个，加一个空行，知道吧，这是块元素知行元素什么意思？行元素最典型的行元素死SPA。行元素它也用来显示数据的，显示的时候如果它周围还有别的标签，中间没有空号，挨着紧挨着知道吧，含元素中间没有空号，给别的元素中间没有空啊，块元素都有空啊，但是这些DA维大家怎么说，我们这个地方看到吗？你要如果这个选择div上面也个div，大家都是都是什么，都是块元素，好了，块元素跟别的元素之间都加个空盒，这个地方有个空号，这个地方有个空号，所以这个它俩间隔。

就比较远了，里边这个div是显示这个列表的，你看吗。这个点为。这是一个，这是那个div，我们下边如果是这个地方也显示个div，它俩会中间加两个空格，离得比较远啊，看着不太好看了，所以那怎么办呢？这。我准备这样呢，把这个div不写，不写到这了，写哪写到这。写到这个什么，这个div里边，这样跟这个列表就离得更近一些。但离得近，它肯定它是快扬素，它也有空行，但是空行没有那么大，这样我们就可以了，知道吗？好，这样的话呢，我这个第二步也做完了，提供容器啊，这个第二步我们这个啊，这个第二步这个提创建容器我们也做完了，做完之后下面第三步，当容器加载完之后，对容器调用规具函数，就调我这个工具函数大就调它，那调它的话大看我们把这段代码要拷到我这个页面里边，拷到这个页面里边在哪拷到哪个地方去。

考到哪个地方？对是不是这这不是大号，按了以后是不是写到这里吧，写到这里边，你能不能在这边调。入口在这边掉，咋不可以。对是在里边，在这里边的话，你调的时候，你得给他传参数啊，传参数这个地方，这个参数你传几。他选几选几，那他选几，你要如果写到这个地方，他选几啊。那你说一开始默认是一，假如是一，好，这个传几，默认十就传十，这个传几。

总条数是吧，总条数你没查出来呀。在哪出来的？对偷偷肉说，偷偷肉在哪查出来的？在这个地方查出来是吧，是不是在这个函数里边查出来的，函数里边查出来他能拿到吗。那函数里边查出来在函数里边局部变量里边呢，那他能拿到那个总条数吗。怎么了？对，所以说是这样啊，大家这个事件这个这个调这个什么工具函数的时候，调工具函数的时候，你要想调这个函数，你再调参数这些参数。什么时候调这个函数，你必须确保这些参数都已经获取到了，能获取到，你再调这个函数，如果这些参数获取不到，那你调的话，你也没法得在层上你也调不了它，所以说大家这个函数的调用的不能写到这里，不能写到入口函数，为什么？因为在入口函数你没有，你没有什么在入口函数里边，你还那些总条数还没查过来的，那你说老师在这个地方不查出来，在这里边查出了，他在这个函数里边查的。

所以你在外边拿不到这个函数，里边就无变量知道吗？所以我们怎么在什么时要确保总条数都已经查出来了，这样你再调动函数，那确保总条数已经查出来了，在什么地方能够确保总条数已经查出来了？对，大家看在这个什么，在这个阿贾克斯的这个异步请求的这个什么回调函数里边，只要响应引回来了，总条数是不是一定有了，一定有了，我在这个地方调，在这个函数，在这个响应信息的这个函数里边调。

这样的话，这个信息一定查出来了，然后呢，我就把那个总条数传给他就行了啊。啊，你在任何一个地方都不能确保这个函数已经这个什么总条数已经查出来了。知道吧，那你说老师我就写到这了，那那写到这儿，他这个查出来他是在这个地方写着呢，你获取不到它主要是。那你说真的获取不到它，我不会查出来之后把它记一个地方，我在这获取吗？那记一个地方你你就获取不到了，知道吧，所以呢，这个地方是吧，你就不能写在这，写在哪写在这了，写在这个写在这个函数里。写到这个函数里边，当就一定能确保数据已经查出来了，但我们来看看这个函数里边干什么事，你看这个函数里边他干了什么事，响应回来之后，然后呢，总条数是不是给你查出来了，我们以前做的时候把总条数是不是显示到那个B标签里边了，现在这个B标签还有用吗？

没用了，我们都已经注释掉了，美工部网写的这个地方已经注释掉了，这一块都已经注释掉了，那这个总条数干什么，就传给咱那个入口函数，就传给那个什么工具函数就行了，知道吧。所以大家这个地方我们不显示了，下边又做了什么事，显示列表，显示列表不用管，这是我们在做的事，然后呢，大家看把这个响应信息都返回了，然后呢，在这里边干什么。来调工具函数，调用什么叫BS，叫page工具函数，然后来干什么？来显示翻页信息。翻页信息知道吧，列表显示出来了，自己遍历显出来了，总条数传给那个翻页的中，传给翻页的那个工具函数，然后呢掉它。调它对工具对什么调用什么，对容器，对容器调用工具函数，调用工具函数来显示方圆信息，直接在这个地方调，调的时候，这个时候我就能拿到总条数了，拿谁就这个总条数，就把这个返返回的这个总条数显示到这个地方就行知道了。

这样我就能拿到了，哎，你那有同学说那这个地方老师有问题啊，有啥问题啊。啊，你怎么在这个地方调工具函数，工具函数不是说当页面加载完成之后再调吗？当我在这个地方调，就是不是容器加载完了之后再掉吗？那我在这个地方掉容器加载完了吗。是不是一定完了，对一定完了，容器为什么加载话，因为我们现在什么这个函数什么时候执行的加载，对在入口函数容器加载完就执行，容器加载完就执行这个函数，那容器加载完么？这个整个页面都加载完之后，容器也加载完了，是不是在这个地方掉它一定能么？容器是不是一定确保容器已经加完了，对这个地方一定确保容器，那你说老师不对呀，不是说容器刚一加载完就得掉吗。

我们可没有说容器刚加载完就得掉数据，对数据都没有什么，你没法掉，懂吧，我们说大概大家要记住一，大家要什么，要记住一点啊，这个工具函数，前端插件的工具函数在什么时候都可以调，但是你要确保容器加载完在任何一个时机都可以掉，什么时候掉，插件什么时候运行，结果什么时候出来，并不一定说啊，容器加载完都得马上都得掉，不是这样，可能容器加载完我们还不掉呢，我们可能什么当我们处理好一些数据之后，我们再掉呢？知道吗？并不一定说啊，容器刚一加载完就得掉。我没什么想什么时候掉什么时候掉是吧，容器加，只要容器加载了任何一个时机都可以，我这个地方就是当数据返回了，容器加载完，当数据返回了，我再调，这是我们说到这，所以这大这时候我们说这个空性函数，当然我说你要什么时候掉，他这差价什么时候给你显示效果，要是不掉的话，当然不给你显示，你一掉它就显示了，就这个意思知道吧。

好，这是我们说的是，那说调这个参数，大家调这个工具的时候，给他传这些参数，那这些参数大家我们说刚才这个参数我们从后台返回了这两个参数呢，这俩参数传几啊。那你看看他当前显示的是第几页的数据？当前第几页的数据？你写到这吧，第几页的数据，那第一页万一他是切换到别的页的呢，他不是显示第一页呢，不能写一不能写死，这个是谁呀。对，那你看看他调这个函数的时候传的是几，传的几是不是它什么，他看的是第几页的数据啊，传的几是不是就是配置number啊，调的时候一定传过来了，是不是直接把这个参配置number这个参数值写到这里边就行了，大家能理解这个意思吧？对，他看了第几样数据调用着，他可能调的时候给他传几，传几就直接拿过来就行，就这意思大家，所以大家这个地方大家要跟上我们的思路，大家能理解这个意思吗？

可以吧，对，可以啊，大家要跟上我们的思路啊，跟上我们的思路，这是我们说的这样的，好，那有同学又问了，老师，这个参数怎么还能在这里边定，怎能在这个S里边使用呢？可不可以啊，对，可以吗？对，因为这个参数本身是一个什么，这个函数的局部变量，只要在这个函数范围之内，是不是都可以用，对都可以这种。好，同样道理，大家看这个配置size呢？对，就是那个配塞是吧，就那个配。这是我们说了，他看的是第几页数据，每页显示多少条，那就是给他传过传过来我们翻页信息就给他显示这一页的，就按照每页显示这么多条的数据给它显示翻页信息了，知道吧，好，下边这个参数怎么办？

对，我们说这个参数必填的，而且要根根据什么，这俩参数是不是计算出来的，计算这我说那这个计算咋计算呢。啊对总总条数除以每页想条数是不是这的对，那那算吧，那算的话在这个地方也可以算，但是这个算是不是麻烦一些了，我在这个地方准备专门的计算出这种来计算是吧？对总页数是吧，Total偷配G啊计算总页数怎么计算呢？我先定义一个这种叫这样吧，我就定一个变量，这个变量名我就建名之一了，当变量名你随便写啊，我就我就叫它了，一开始假如默认是第一页，默认总共就一页啊默认一页，那这个值到底是几页是不是我们可以算啊算算的话根据返回到总条数除以谁啊对每页下面条数知道吧，然呢让它等于它等于它知道吧，然后呢，把这个值写到是不是大卡计算出来写到这了吧，写到这边，那你能不能直就直接这么算了。

得根据总条数和每月减头算总页数。咱以前算过吗？你也要看看，万一没长度。对，万一没查到是吧，万一没查到，没查到就是什么没查到那就是那那就几啊这个就是零是吧，那就是零页了是吧。这个总条数，那那就零了吧，那就就零页了是吧，那零页可不可以呢？也可以是吧，也可以还有别的情况吗。

但我现在我问你这这种情况，假如假如是这样，假如数据库里边查出来，假如五条数据。一条、两条、三条、四条、五条，假如每页显示三条数据。每页显示三条数配置，Size等于三，然后呢？Total Rose等于五，知道吗？总共有多少页？两页是吧？你要如果按这种方式算，算出来是几？一点几是吧，一点几页，总页数能不能是小数？不能，那这你这样写是不是就错了，那应该怎么办？看它有没有余余对看看能不能整除是不是，如果能整除总条数除以每页减条数是不是就是总页数，如果不能整除呢？对在那个商的基础上是不是加一啊在这儿，所以下边大看你这个计算有总条数和每页减条数，计算总页的时候不能直接这么写，你得判断一下是不是能整除，能整除就直接取商就行了，如果不能整除，还得在商的基础上加一，是不是这样的是，那下边我们来判断是不是用A数判断呀，A5判断，那如何判断总条数和总条数能不能整除每页响应条数呢？

怎么做？总条数对谁啊？对对，每页显示条数取余，看看它的余数是不是等于零，是不是这样的，那如果等于零说明什么？对，可以整除，可以整除这个商是不是就是总页数啊页数埃如果不能整除呢？对，那就在什么商的基础上加一，就是总页数等于总条数除以每页显示条数基础上加一。

这是我们说的。这样就计算出来总页数，那这样计算有问题是吧？有啥问题这个地方我说它是个小数，它一定是个小数，那计算出来还是个小数，那为啥小数，因为老是不对呀，整数除整数再加一个整数不还是整数吗？它怎么能是小数啊，对对，这些什么在Java里边是强类性的语言是吧，整数和整数运算一定结果是整数，知不知道吗？GS是弱类型的语言，它算出来是什么就是什么啊，它没有什么整数小数之分这些，所以说它不能整数一定是个小数，加上一还是个小数，知道吧，所以那我们认为要那我们这个总页数肯定不能是小数。哦，那现在我要取整数咋办？打吧。对调函数是吧，对调哪一个函数对，是不是把这个小数转化成什么整数转，把小数转整数它转。

对，以前我们学过四舍五入之类的那些，是不是这样的啊，当然这种方式有好多种的，先把它转成字符串，然后呢，截取字符串，截取整数部分是不是也可以啊，但那比较麻烦了是吧？比较麻烦了，然后呢，还有一个什么。这样小数什么把一个整数转成把一个什么把一个小数转成整数的话，我们什么，而且不能是不能按四舍五入。不能按四舍五入啊，对，就是获取整数部分，知道对，它里边有一个我们学GS的时候学过一个系统函数是吗？系统函数有一个系统函数能够专门在GS里边把你的整数来获取一个小数的整数部分，它不是按四舍五入，就是直接获取整数部分，哪一个呢？就这个。叫pass in pass in，这这个叫，这是叫GS的系统函数。

系统函数，它的作用就能够获取一个小数的整个部分，知道吧，对，GS的系统函数也是大家以前学GS的一个javascript的一个重要的一个内容，懂吧，叫GS的系统函数，系统函数这些系统函数是GS。这种语言给我们定义好了，你用的时候可以直接调。你用的时候直接他给你定义好了，你可以直接调，那这些系统函数有哪些系统函数很多了，好几十个，常用的就有好几十个是，甚至它总共呢，那是不下于100个，应该说GS里边系统函数他给你定义好的，有的处理日期的，处理整数的，处理字符串的，处理布尔的等等这些系统函数有很多这些系统函数。知道吗？这些你用的时候可以直接用，知道吧，打我们别的我就不给大家提了，我们用的最多的最最多的两个系统合作好吧，其中有一个这个叫eva，这这个用过吗。

对，这个这个是太强大了，这个函数太这这这个函数太强大了。怎么强大了，他能给你什么，他能模拟GS的执行的引擎，把你一段GS代码拼一个字符串，把那个字符串传给他，他能给你模拟把这个字符串，只要是里边语法是合法的，能给你执行了。能够把你这办法执行了，知道吧。啊，怎么怎么执行这个。我一说，我一说就多了，我们就没有没有这么多时间了，我就一说今天就做不完了。这答案是这你比如说来放这啊这啊。呃，我这我来一个代码，我我定一个，再再定一个代码，再接锁定一个代码，然后呢，ST这里边又一个代码，这个代码是什么呢？这个代码定一个变量，然后呢，这个变量来一个A等于100知道吧。

然后呢，再来一个你知道吗？然后呢，再定一变量，就就就就这样吧，就这样，然后呢，这个假如说我还可以对这个啊。这这这知道就这样吧，我就这这最简单一个一个代码了，这一个字符串，然后呢，我想把这个字符串执行一下。我想把这个字，它只要是合法的GS语法，我执行了，怎么执行呢，就掉它EVL，然后呢，把这个SPL传过去。这样的话，他看你就可以什么把这他就把这个代码模拟执行了。执行了怎么就定一个变量，你可以什么，在你GS代码里边就可以谈这个A了，就可以使用这个A变量。当然，我举的是最简单的这个语法。你以后你可以写一大段一个JS代码拼到这。拼一个字符串，然后呢，在这边模拟执行了，知道吧，模拟执行，模拟执行它计算的结果你都可以拿到。

那用老师这这这有用吗？这这这代码这语法有用吗？还有用吗？有什么用打我们是吗。总遇到那种什么有这种这个有做那种这种功能的，哪些功能让用户是吧。要检测这个检测用户的代码是否正确，那用户可以写一段代码，或者做一些练习题是吧，就是编程题，然后呢，让用让用户实现一个功能，写一段代码实现功能，然后他肯定写代码写的写一段代码，然后呢，他这个代码到底对不对呢？把这个代码能拿到，拿到这个输入的一个框里边一点提交，向后台，把他的这个代码提交到后台了。后台我们拿到之后呢，就可以用eva把他这代码一执行，最终得到一个结果，然后谈那个结果是不是合法的，是合法的，他这个代码写的对，不是合法的，写的错，知道吧，而且还有什么，还有我们两个系统之间可以互相的传代码，你写一段代码通过网络发给我，我在这边可以执行，我把执行的结果我做了一定处理，把我的代码传给你，我也可以执行，知道吗？

还有那些什么，就像咱大家大家不知道大家玩过那种淘宝店铺没有。淘宝店铺是吧，淘宝店铺但是店铺装修店铺是不是可以是吧？可以随意的这个可以可以随意的加一些效果，把你的代码提交给淘宝的那个什么后台，然后呢，你什么你做一段代码，前端的代码，然后你点提交，然后呢把他代码提交到后台了，你你以后你的店铺的什么这种效果就按你写的代码那张代码来显示了，他就他要把你当那代码给你执行了。那你要执行，它不好执行吗？关键是你提交过去是字符串，它不是代码。他要把代码执行了，模拟执行代码知道吧，都用这个函数知道吧，这个函数知道吧，当然这个函数大家我们这个地方，这其实用法很强大很强大，我们以前肯定用过这个函数知道吧，可能这么用法没用过知道吧，所以这个地方我也不给大家详细的说，这个你们以前肯定也用过这个函数。

你们以前用过什么函数，这里边是不是可以传个JS字符串，对，把杰S字符串转成JS对象，把杰S字符串模拟执行了，知道吧。所以这是我们这个函，这个函数这种呢，它有好几种用法，所以这个我给大家提一下，我们课堂上我就不详细的给大家说了，因为我们没有这么多时间，大家我们这个东西留个作业，留个作业。关于这个函数的用法，大家到网络上或者到别的地方找一些资料。来看到网上到网网上一搜就行了，多的是大家要会用网络什么evaf，它的用法一搜多的是看到吗？这样吧，这些还有这里边看javascript还有详解吧，你看这些。

啊，这些啊，这个地方他讲的应该也不太详细，也不太详细，但是他应该能说明问题了，你看他这个例子应该能说明问题啊，但你也可以这么再找一些别的这个函数，每一位同学都要研究一下它的用法。知道吗？这是我们说这个，还有一个就是我刚才说这个叫pass。帕死因，能获取一个小数的整数部分就获取一个小数的啊，或叫浮点数的整数部分是这当然还有一些别的参数啊，别的参数我就不多说了，你翻一翻以前的笔记，看翻以前的这个视频，看一看你们以前那些那些这个系统函数都有哪些大家要去记住的，以后我们在前端做这种开发时经常遇到。那我们这个地方我就给大家提这两个，特别是第一个是第一个比它还重要的，你以后做高级一些用用用到中经常会用到那个好，这是我们说的这个地方就行，好，大家看这样的话，我们这个地方大家看已经计算出来了，这样的话它就可以了。

好，总页数计算出来了，那总页数计算出来，那我们继续来看看下边这些参数了，这个地方假如说需求已经确定了，就是五个，我们就显示五个了，这些假如说用户说都显示，那我们都显示了。好，这也不管了，下边来看这个地方。在这里边写GS代码应该怎么写？每次切换页号的时候都会执行这个函数，我们在这里边能干什么事？你想一想。干什么事？对，应该是这样，它这个插件大纲，当你响应信息查出来之后，返回之后，我们把列表显示出来了，是不是这样的，然后呢，大家看这这个什么我们把列表显示出来了，然后呢，这个地方显示那个什么三页信息也都显示出来了，就知道吧，显示这个翻页信息也都显示出来了，知道吧，列表我们显示了，然后呢，这个翻页信息也显示出来了，现在的看这一个功能就完成了，那关键是当用户每次什么切换页号的时候怎么办呢？

每次切完以后，那我们说你只要调这个工具函数了，它都会自动的把下边给你变了，把下边这些东西给你变了。每次切换的时候给你变了，但上面它会给你变了。不会变，对，你每次签完他还是上边还是显示上一次查的那些列表，那我我要想干什么，我要我需要干的，需要干什么。上来呀。对，根据它切换的页号和每页显示调数，是不是把上面也给他变了，把上面要变怎么变了，对在里边再向后台发一个请求，把这些参数以及切换之后的配置那边配是不是一块发到后台，发到后台去干什么，去查询，查询出来之后怎么办？对是不是又返回到又返回到这个地方了，返回到这个，把列表我们这我们什么我们遍历出来，然后呢，显示到这列表里边，然后这这里这些呢。

是不是它自动的给我给我给我变化了，已经变化了知道吗？所以我们什么把它什么把再查出来，把这个列表我们编辑好显示，当然它会自动的给我变，假如我不让它自动变行不行。我还是让他执行这段代码，我再调一下这个代码，只不过调的时候我传过去的配置代码，配置size是他变换之后的配置代码，配置size我不用它这么自动，我每次点的时候我不用它自动变了。然后大家知道吗？我不让它自动，这不让它自动变了，然后呢，我再调一下工具函数可不可以。

再调一下公程函数可不可以啊，这样可以啊，这样我再再说一遍知道吗？说一开始大家看，假如我们第一次调这个函数，第一次调这个函数它会把什么，默认一，默认十，还有这些是不是都发到后台了，发到后台后台去查询。数据列表我们自己变入了，返回之后便利便利出来之后显示到列表里边，总条数呢，就是就列表显示出来，然后呢，下边翻现信息一调，它是不是翻译信息给我显示出来了。这让大我们账同意了，不着急，不这么来，然后呢，我们来让演示什么，演示分页查询，演示分页查询市场活动的过程，过程，首先大家我们这儿啊，首先第一步，第一步。第一步是这样，那现在的案是这样，现在是这样，现在我这个函数都封装好了，当用户当这个页面刚一加载完的时候，是不是它掉了一下这个函数啊。

当页面刚一加载完，是不是掉一下这个函数，调的时候传个一传个十，是不是这样的，去显示所有数据的第一页，默认每页显示十条，是不是这样子，这个，然后呢，他就调一下这个函数传到一和十，那传完一和十再看是不是把这些参数一块都发到后台去查询去了，查询完了之后，查询的结果返回一个结果，这个结果里边包含列表和总条数列表我们遍历完了之后，是不是显示到列表里边了。显示列表总条数呢，是不是调工具函数的时候，传到这儿来的，传到这儿来，它给我显示发现信息是不是这样的，是一调，它是这样一调，它发生这个事，发生这么几件事，第一个第一个然后呢把把page number，然后呢配置size子。

配置size和查询参数参查询条件，条件一起发送到后台，发送到后台，后台然后呢，查询数据，根据条件查询数据，查询完了之后，大家看要返回了，返回什么呢？返回一个data塔，返回data塔，Data里边包含两个数据，一个是。List列表一个是总条数，总条数然后大家看，然后呢，返回列表之后怎么办啊。对，是不是我们便历返回到这个之后，看看是不是便利它，然后显示列表了，对，我们便历历子的。遍历list的，然后呢显示列表，列表总条数呢对调用工具函数，然后呢显示翻页信息，翻页信息就这吗？这是我们说的，这大家看这是第一步，大家看当页面刚一加载完了，大看是不是就这样了。

当页面大概加载完，是不是是不是发生这个事儿，这样用户就看到显示所有数据的第一页，然后显示所有数据的第一页，以及所有报这个数据的发页信息，就第一页的发页信息就这样了，这是我们说第一步就显示这那显示这样那当用户，当用户切换页号或者每页显示条数条数时，它切换页号或者每页想条数是不是page number就变了，Page number就变了，然后呢，Page size有可能也变了。这俩就变了，那变了怎么办？对再变了，大家看那变了就什么那变了，根据我们刚才这个插件，根据插件的这个效果，是不是这些翻页信息它会自动的变，对翻页信息会自动变，翻页信息会有插件，有插件会自动变化，自动变化变化，但是大家看这个列表是不是不会变的。

对这个列表不会变，那列表不会变是什么，那得怎么办呢？对我们在什么，在这个on change那个函数函数里边是不是我们给它变化，对我们是吧，程序员那手动变化就手动刷新，手动刷新列表，手动手动刷列表怎么刷对。还是还是掉它是吧，还是掉他，为啥掉他，你刷列表，你妈刷列表，你得到后台去查列表，查哪些列表。

查哪些数据啊，是不是还得把这些东西都得发到后台去啊，对，又得把这些数据发到后台去，首先把数据查出来，查这些列表，根据它变化之后的配置，Number配置以及条件去查。查的话发到后台查的话，它又查了，查回来之后是不是大卡又返回这个data塔了，又返回这个data塔了，又返data塔，你还得把它取着，那就查呗，那好那就查了，按理说这这么查，把这些数据。然后呢，把配包括配置单，配置三都什么都写到这个地方，又得向后台发请求，又把这段代码发过去，把这个代码以及这些代码都得发过去，是不是这样的发过去，那又他又什么又查出来这个data塔了，那查来data塔之后怎么办呢？又得到这么一个data塔，又得这个data塔，这个data塔里边大家看又包含这几个数据。

又包含这几个数据，那又包含这几个数据怎么了？对接着是不是把它遍历出来，然后呢，把新查出来的数据刷新到列表里边去，对刷到列表里，那这个呢，对不对。对这个地方，那我们说是不是按理说它会自动的，它自动的变换这个谁啊，按理说它会自动的，它按理说它会这个地方是不是自动变化了。这个地方自动变化了，我不让它自动变化了，我在这个地方根据它刷新，根据它选完之后的配置配number配置，然后呢，查完之后也得到一个total Rose，然后呢，我再掉下在这个地方。再调用一次工具函数。然后呢，来显示翻页信息，调用这个翻页函数的时候变给他，那么调的时候传那些参数配置number，配size，还有总条数都是变化之后的那些信息，是不是跟它自动变化的效果是完全一样的。

大家能理解这个意思吗？对，这样自动变化的效果是完全一样的，那所以说大家看它会自动变化，那我这个地方再调一下它这个效果给它是不是不冲突啊。他俩是不是完全一样的效果，一个是变换之后的自动变换，还有一个谁啊。还有一个是我们自动，我们自己手动的再调一遍工具函数，它俩的效果是不是完全一样就完全一样，所以我再调一下它就行了，那调一下它就行，那我这个地方我就调一下它就行了，所以大家看，那这个时候再看手动刷新这一块，你看吧。在吗？这个代码给哪个代码是完全一样的。跟这个函数的代码是不是完全一样的？大家能理解这个意思吗？对，知道吗？所以完全一样的代码，这个地方向后台发请求，那我就干什么了，我就不用再把这个什么，再把这个函数这里边代码再写一遍了吗？干什么？对，把它调过来，直接调这个函数啊调的时候传配置南边配置S。

传的是不是是变化之后的配置number配置太对，变化之后配置配置赛是机啊，是不是就这个，这是变化之后配置number，这是变化之后的配置。知道吗？知道，所以大家看这是我们这个过程啊。所以当用户切换条件的时候，切换页号和每人享条数的时候，它会本来会自动的刷那个什么翻页信息，但是刷列表的时候，我们得手动刷，手动刷就干这个事儿，向后台发请求查，查出来之后返回，返回来之后，然后列表我们自己显示，然后呢，三页信息让插件显示，怎么显示调工具函数，其实这个代码大成这个代码跟上面这个代码完全一样，所以每次切换页号都调一下这个函数啊。

那就说调函数它什么，我们一切换要自动，这个功能是不是就没用了。这个功能没用了，其实跟它功能完全一样，就是它自动的翻这个功能我们就没用了，没用了，但是他俩不冲突，他俩做的事是一样的。所以我们这个地方就不用管了，其实每次刷新页面只干这件事儿就行了。现在大家这个过程大家能理解吗。可以可以吧，对可以哈，对，所以大家要跟上我们这个思路是吧，大家要理解，其实大家我们说如果只是我们说写代码的话，其实那几行代码就解决了，主要是这个思路。好，这是我们这样的，那有前面前面班有同学问说老师，你这个调这个函数的时候，是在这个函数里边调的。函他自己调他自己，以前我们老师给他给我们讲过是吧，函数自己调自己不就死循环了吗。

但是他是要点名后，他才会再继续调查。啊对这个掉这个函数是不是不是说不是说么，无限的掉下去，只有满足一定条件是不是才掉，不满足条件不掉，什么时候掉，对切换一号的时候再掉，他如果不切换下号就不会掉，不会继续掉下去了，每次切换一号才掉，就这个意思，所以他不是个死循环，知道吗。好，这样的话呢，我们这个功能我们就做完了，这样这些参数都传完了，传完之后我们就得好，这是我们说的这样知。所以这个就这个地方，这个逻辑性就稍微不太好理解一些，自己掉自己，所以大家像遇到这种情况，你最好能够画一画知道吧，一目了然就能看出来为什么这么吊。好，这是我们这种好这样的话呢，我们这个功能做好，做完之后，下边我们可以测一测，这是翻页功能，我们就可以了，所以下边我们来测一测，启动服务来测一测。

好，下边来张三，然后呢，这个地方来个YF123点进来，然后呢，大家我们这个市场活动，你看大家看我这样大看当页面加短，显示所有数据的第一页，但包括再看下边这个三页信息应该显示出来，当咱们数据比较少，只有一页数据对添几个就行了，是吧，你看这只有一页这些。然后呢，他我们就三条不计一页，应该还没有知道吧，咱每页显示十条知道吧，那你说老师他怎么没有上一页下一页首页尾页呢，对就一下没有必要显示知道。

这时候我们说，那你问我这个翻页可不可以，可以啊，你比方说每页显示一条，你看嗯。每页显示一条，你看大家看总共三条数据就三页了。当前正在显示的三条记录中的第一条到第一条总共三页儿数据，当前显示第一页啊。那他怎么还没有上一页下一页？限制最大，对最大数是五，五页是吧，五就五个翻页信息是吧，这五个这种卡片数，你要想着一个大是不是它就有了，对你这样的话，你看这样我我想跳转第二页来第二页这也都跟着变看吧。每次切换一号，向后再发请求改变，改变之后后边也跟着变，知道吧，知道吧，这也都跟着变知道吧。这事我说到。好，这是我们这个翻页，关于这个翻页这个查询的话，我们大概就给大家说到。