00:00
好，页面我们准备好了，下一步呢，我们来写这个页面上面的具体的内容。首先呢，我们因为要写大量的GS代码哈，所以说先写一个script标签。哎，然后这里边儿我们写一个query的核心函数。Function。这里边首先要做的第一件事呢，是我们前面分析了一下啊，就是为我们分页分页的操作呢，初始化数据。啊，这写错了啊喂。为分页操作准备初始化数据。啊，都有哪些要初始化呢？哎，第一个是我们配置number。哎，根据咱们前面分析的，我们说了啊，我们把它给放到window对象上面啊，作为一个全局的一个变量，诶下面这page size。再然后问到点儿keyword。初始化成空字串。放在我们全局变量上面呢，它有这样一个好处，就是说以后不管是我们要执行分页啊，还是想要去修改啊这个页码呀，修改这关键词呀，我们都只是修改全局变量就行了，哎，在呃会修改这些值的地方直接改它，哎，然后呢，我们去查询分页的时候呢，重新按这个去查，诶这个时候呢，其实呃，就保持了我们这些个数据不变啊，就保持这些数据我们随时都能够拿到。
01:26
哎，这就是你看我们当时分析的啊，在这一步呢，去做这个初始化啊。设置为window的全局变量。哎，那么接下来呢，我们下一步要做的事情啊，就是说因为这些函数我们要给它提取到外部的JS文件里边，哎，所以说呢，我们去把这个GS文件给它建出来。哎呀，这个放哪好呢？相比较来讲，这个script和这几query吧，都是人家自带的哈，我们放一起，这个混杂在一起不太好，我们自己建个目录哈。
02:07
这个感觉MYGS也不好啊，Function。方式好像容易混淆。嗯。我们叫个C吧，啊C啊，这代表我们这个项目哈，那个我们自己写的这个GS文件，以后咱们就放这个目录下边。哎。嗯，下一步呢，我们就来见一下这个JS文件。那么我们看到这个在菜单里边没有哈，你看上上边下边找遍了没有啊，点一下这个按。过来以后呢，看一下javascript。起个名啊，就按按咱们刚才说的那个慢点GS。哎，咱们关于角色这一块，咱们要提取出来的专门封装的函数呢，就都放在这个文件里边。首先要写的一个呢，是我们这个叫。
03:02
嗯。啊对，页面上为了让能够我让我们能够去使用这个文件哈，我们一定要去给他引入一下。嗯，我们在这个也在这记下啊。这是我们前端的代码啊，首先呢。呃，是我们初始化。初始化我们分页的数据。哎，代码很简单啊，但是这一部分其实在我们后边起的作用非常大。哎，下边就是我们这个，呃，笔记里边要记一下啊，创建这个外部的javascript文件。哎，也是标记一下这个位置。
04:09
哎，粘一下。这里边一定要注意的，就是说一定要把它给引入进来啊，不引入进来的话，你这个文件写了就白写了。而且是引入的话呢，一定要在你用这个文件里边的东西之前。哎，在配置点GP引入外部的javascript文件。Describe them。好嘞。首先呢，我们写一个叫generate page啊这么个函数，意思是呢，你调我这个函数啊，我就给你生成这个分页的效果。
05:00
哎，然后这个呢啊，我们这个函数呢，呃，不传参啊，我们就是读取这个全局的这个变量啊，不以这个参数的形式传进来。因为以参数的形式传进来的话，它成了局部变量。啊，外边就不能改了。啊，下一个呢，是我们去获取这个数据啊，Get配置in remote。Remote代表远程的意思，哎，我们远程的去拿到这个数据，为了便于我们货币后边去显示这些数据。Remote就是远程的意思。然后呢，我们下一个是。呃，填充我们的表格。起个这个什么名呢，叫做。呃，填充就是feel。哎，然后这个我们叫个table哈，Table body就是表格的这个主体。
06:07
Fair table body在这儿呢，我们把配置infer给传进来啊，你从远程从后端呢，给我们查询到的配置info参数的形式传进来，下一个呢，我们来。再上面一个函数啊，这个叫做generate。那位gar，哎，那位gar呢，指的就是我们那个数字的那个导航栏啊，分页的导航栏。他也需要用到我们配置英这个数据。再然后呢，有一个我们点数数字的时候呢，执行执行翻页的啊，执行翻页的啊那个函数诶。叫page call back啊，就是给page用的那个回调函数。哎，这个呢，看一下我们在面配置里边啊，我们做的这个操作，看看他需要传哪些参数。一个是配置index，一个是j query啊。
07:02
哎，我们把指甲都拿过来。因为这是给这个page的，给他去用的啊，所以说我们尽量符合他的要求。哎，这就是我们要声明的这几个函数啊，我们声明了以后呢，就能够把这部分这部分的功能哈，给它拆分成这样几个小的模块分别去实现。总体上先去调战配置，生成我们的这个分页，这是一个总的函数。嗯，我们把功能写在它的上面吧。他叫。哎，执行分页啊，生成页码。哎，生成页面效果。这是一个我们的总体上调去调它，哎，由它呢，再去调下边的这些函数。
08:04
哎，我们把它封装好哈，它的好处就是任何时候调用这个函数都会重新去加载页面，哎，那么你调这个函数之前，你把配置number呀，Keyword呀什么一改，我就按你新改了以后的这个数据去执行这个分页了。啊，这个大家我们写完了以后，大家就能够体会到这个效果了哈。诶，首先呢，我们可以先去调下边这个get配置iner remote这个函数哈，拿到配置ER。哎，再下一步呢。我们根据配置info呢，咱们去填充一下我们这个table body啊，也就是的。对，没有值的话，它但是呢，我们说这个配置没有值的时候呢，可能这些数据他查的时候显示一些个信息啊，所以说在这呃，把这判断呢，放到这里边去判断。那下边咱们就直接去调它，就调用fair table body啊去进行填充，填充我们的这个表格，呃，那么这个时候呢，就调它，我们如果配置in哈，考虑它查不到的这个啊，那这个时候需要给一个提示啊，那么这个提示呢，我们就放到的导航条的话里边，外边在提表格里去调查。
09:17
啊，它里边如果然后呢，填充完这个表格之后，再去生成我的这个这个函数的话，Navigator这部分，所以说呢，这个genator na navigator这这个函数哈。让它在我们呃，Fair table body里边来进行调用。哎，那么占边的配置哈，这样他们就就就连到一起了，咱们就下边给这个就分开了啊，其他这个函数呢，我们也加下面是号一块的一块块来做。我们把这几个函数的，我们现在这个函数呢，它就是远程机器程序，然后呢，我们要去获取我们的配置远程这个数问。我们服务器端。嗯，程序，诶，我们去获取一下这个配置，Info下边这个是填充表格。
10:06
哎，显示我们分页的主体的数据，这个是生成这个填充我们的表格分页。页码这个导航条。哎，然后这个呢，是生成这个呢，是我们翻页时的。回调函数。好嘞啊，这是我们先写好。函数。拆成这么几块，一块一块的去，去看它们怎么实现。
我来说两句