00:02
嗯,下边我们接下来继续写这个GS代码。写GS代码肯定得需要写个script的标签。J query的核心函数。在这里边哈,然后下面就对照他这个,看看他先写个什么。那首先呢,其实先得看这个整体,它这个板有点小。咱们别看他的注释哈。你不用看他的注释,你看一会儿看我给你加的注释就好了。放在这儿能稍微大一点哈,咱们先看它的第一个这个部分,这其实是你可以把它看成是一条语句。为啥呢?这声明一个变量,后边这个整个是给这个变量去赋值。那么负了个什么值呢?再看这一块,又可以分成两部分,这一部分呢,是一个函数,声明一个函数。
01:05
声明一个函数,这个函数呢,后边带了一个括号。这个括号呢,表示调用这个函数。啊,这个事儿怎么我们再举个例子。比如说呢,我们function。A message。嗯,比如说我们生命一个最普通的函数,比如说alert一个什么什么什么。GS里边哈。在这儿呢,我们你调用这个函数,当然就是受message。这很正常,我们就是这么用的。那么这时候你看这个函数的名字呀,就是函数的引用。然后我们在函数的引用的后面呢,加上一个括号,表示调用这个函数。哎,那么。嗯,GS吧,它比较比较特殊。这个这个GS这个语言里边吧,函数本身也是一个对象,所以说函数名就是这个对象的一个引用,加上括号表示调用这个函数。
02:08
啊,他比较奇葩。所以说呢,这表示调用这个函数,那么也就是说呢,调用一个函数,这儿再给它赋值,其实就是这个函数的返回值。可是我们看这个函数呢,又没有什么返回值。没有什么返回值。所以说我觉得吧,这个东西呢,纯属于这个故弄玄虚。啊,套用我们现在,现在我们比较熟悉的一句话,这就是装X。装叉啊,所以说呢,没有必要整的这么整的这么。是吧?没有必要,真的没有必要,你想声明一个函数在下边,你大大方方的声明一个函数不完了吗?不是你要做的事不就初始化吗?你配进内。咱们做人要实实在在的。
03:00
对吧。哎,你里边你怎么初始化一会儿再说,反正我要调用它就在这儿调用不完了吗。就这么简单点事儿,让他给整了个乱七八糟。哎,这个是调用。我们后面声明的函数啊,对我们的。嗯,页码。导航条。进行一个初始化操作。哎,老师的这个存在的意义哈,就在于把你要学的东西呢,帮你变简单一点。啊,老师的意义就在这儿啊,不然的话,我们他这个东西呢,你要硬硬强攻,强攻这个东西你也能攻下来,但是就会呃比较费劲啊,所以说我们帮你去把它给软化一下。好,接下来看下下边看它里边的这个啊,哎,所以说呢。它这部分咱就不要了,咱们看它里边这个第看先看第一行。第一行呢?这是解块瑞的对象,掉了一个Les,那就是取它的长度,这是谁呢?
04:08
井号hidden result回到HM代码里边,井号hiddenor是它。啊,嗯,然后呢,有个空格。空格呢,在我们解块选择器里边表示去找后代元素。哎,跟后代相对应的叫做,也有人叫先代,也有人叫做这个。祖先是吧,都行哈,先辈是吧,都可以哈。然后呢,呃,跟这一组对应的还有一个就是父和子。父子。元素和这个祖先元素、后代元素,它们有联系又有区别。这个因为。What's wrong?怎么了?
05:00
控不了屏是吧。我重新广播一下。还没有是吗?我这儿有一个VIP的位置,你可以站我旁边来看。我说真的,我说真的,不要害羞,没有关系的。啊,没关系啊,不要客气啊。那你就先跟先跟旁边的同学先看一下好吧。哎,这个咱们这儿因为这个东西吧,因为这个这个这个后边有别的地方呢,也会稍微用一下,咱们稍微提一下哈,就是这个祖先后代啊,什么这个事儿,怎么给大家去解释这个事儿呢。清朝都有哪些皇帝?大家记得吗?从第一个开始,你得先说努尔哈赤。哎,努尔哈赤完了是。皇太极完了,是顺治。
06:01
其实吧。其实从顺治这儿开始,就前面其实是他们的名名字,你这儿可以说爱新觉罗努尔哈赤,爱新觉罗皇太极是吧,哎,到这儿这就不是他的名字了。顺治是是这是啥呀。哎,这年年号是吧,这年号皇上的名字多了。他还有这个庙号,还有谥号,有年号对吧?哎,你想不想要谥号。谁想要试哈?顺治,顺治完了是谁呀?康熙,哎,康熙完了,是雍正。乾隆。呃,嘉庆合身跌倒,嘉庆翅膀是吧?嘉庆完了,是道光。然后是写,呃,不是。是先锋吧,先锋是慈禧她老公吧?咸丰完了,是同志。同志命不长。光绪其实不是慈禧他儿子是吧?光绪完了,是宣统。
07:03
末代皇帝溥仪爱新觉罗溥仪。喂喂喂。怎么回事?啊,好了好了好了。我这个还不敢暂停,我怕他停了一会儿起不来了。清朝这些皇帝,清朝,清朝其实没有,没有,没有昏君。清朝整个倒,他灭亡,没有昏君。没有像过去那个说到呃,王朝末期那种皇帝荒淫无道什么那种是吧,横征暴敛的,清朝没有这样的皇帝。慈禧其实是其实很能干的。慈禧没有慈禧的话,清朝最后他败亡的更快啊,慈禧在任的时候,你看这个,呃,新建学常呀,你像这个是洋务运动呀,组建海军呀,是吧,其实慈禧干了很多的这个这这这种事儿。
08:06
历史的车轮滚滚向前是吧?谁也阻挡,阻挡不了。举个例子,以乾隆为例,它的负节点是谁?它的负节点是谁?雍正吧,对吧,哎,它的子节点是加七,那么乾隆的祖先元素是。全算上。对吧,小三种他的后代是。对吧,哎,你现在有没有,要是有人姓爱新觉罗的是吧,我们得高看人家一眼对吧。现在还有姓爱新觉罗的对吧。有有有有,现在也还有爱新觉罗,嗯。这个还有哈,那你姓这个的话,咱们得高看人家一眼是吧,皇族后裔是吧,哎,八旗贵胄啊。明白这意思了吧?什么是这个先被节点?什么是后代节点?什么是父节点?什么是子节点啊?
09:02
以他为例。它的子节点其实是这个文本节点。啊,它的负节点是它,然后呢,再往上这个。哎,再往上到HT哈。说这个都算他的先辈节点,也叫祖先节点啊,然后呢,以这个以body为例,这些呢都算他的后代。啊,就是稍微提一下啊,回忆回忆,因为我们后边呢,有个也也也是偶尔会用一下。所以说呢,我们在这这个是找它的后代节点,诶hidden result去找这些。找这些呢?它里边就是这个点,Result就div.result表示是class,是result的,Div就是他们。就是他们就找它们,然后呢,其实最后找到的就是他们点Les呢,就是取它们的长度啊,取它们的长度。
10:02
所以说呢,其实算了半天,就是这一组div的,我们要分页的这个数据的长度数了一下,12345678。就是干了这么个事儿。但是这个有个问题就是说。嗯,我们说了,这就是我们数据库里边要显示的数据。所以说呢,取它们的长度,这个地方其实取的就是总记录数。总记录数。大家这个你看我们total size哈,和我们。啊,不是。Total record。嗯,和这个total。Size。配置配置number还是叫啥来着,我一下想不起来了。这个是总记录数。这个是总页数,这俩大家能分清吧?
11:01
不一样吧?我一共有103条数据,我每页显示十条,然后是多少页呀,这是。对吧,11页对吧,哎,所以这是总记录数,这个是总页数。这是配置size,每页显示多少条对吧?哎,这是总记录数。这是总总页数,这是配置size。啊,这是这是我们分页的时候,这最基本的几个量。所以说我们这儿呢,其实它第一行呢,第一行代码。他就要的就是我们总记录数。所以说呢,在这儿我们来写一下总记录数。哎,这这得去这个获取一下总记录数。我们去玩一个偷偷的。Record。嗯,所以说这个代码呢,就不按他这个这么写了,他这个例子里边跟我们实际运行的话有区别,不按他这写了啊,我们自己去想总记录数。
12:06
那么我们这数据呢,我们是封装在了配置info里边。分页的数据都放在配置info里面了,这个配置infer呢,我们过来看一看,有配置number,有当前页每页的数量,配置size。当前页的数量,这个我们倒是用不上哈。当前页面第一个元素在数据库中的行号。最后一个行号啊,这是总记录数,总页数,哎,所以说我们就访问total走就行了。看看有没有盖子头头啊,有没问题哎。所以说呢,在这儿我们就。从请求玉里边哈。REQ。ST。配置点total。哎,这就是我们去获取总记录数啊。当然在这。
13:05
这个因为取出来是一个数值啊,所以这个地方呢,其实不加引号也可以。总记录数,哎,然后呢,看下一步。嗯,他说创建分页是吧,你这个是也看这个也不知道什么意思啊,其实呢,其实就是把那些呃页码的按钮给生成出来。那么首先在这儿呢,他要用解块瑞的ID选择器定位到我们在页面上咱们写的这个东西。啊,所以说这个是一样的,我们ID是一样的,所以在这的话呢。CTRLC。我们过来。去生成我们的页码。横条。诶得先用解块选择器定位到它,然后呢,看它下一步呢,它掉了一个函数叫page。
14:03
那这个东西我们就不能改了,这个就不能改了。因为这是人家我们引的这个GS里边,人家在这里边去定义的,人家在这里边定义的啊,这个东西不能改了,所以说这个东西人家叫啥咱们就得叫啥了啊。哎。然后这个东西是在这儿把这个传进来。那我们也把这个传进来。后边呢,这有逗号,下一个参数是一个结算对象,这个结算对象呢,是给他设置属性哎。所以说呢,这个阶层对象呢,咱们这样的。咱们拿到外边来看的更清楚,声明一个杰森对象去存储page要设置的属性。我们呢,起个名叫properties。有哪些属性要设置呢?来看这儿。
15:00
第一个叫纳姆二指entries叫边缘页数。啥叫边缘叶呢?就假设哈,我们这个页码呢,现在是1233个点,然后呢20。21 22带着点。呃,然后呢,是个五十五十一五十二哈,假设是这样的。这个和这个就是边缘叶,然后呢,边缘叶,那现在这个就是三个三条。边缘叶边缘页数就是三。然后这个呢,叫主体页啊,主体页这儿也是三。啊,就是这个这个是这个可以设置的,这个在这儿有属性可以设置。所以说呢,这个是边缘页数哈。人家这个属性名呢,叫纳姆ENT。哎,这个也不能变,这个注意啊,能变的呢,就是这个变量声明完了以后,是我们自己用这个就可以变,如果是传给人家page的,这个就不能变了。
16:07
你变了,他就接收不到了。啊,这个是不能变的。CC。这个就得按人家这个来。那么边缘页呢,可以根据我们的需要去设置啊,比如说咱们设置上三条。我一会儿再统一加注释哈。这是主体页数。咱们假设呢,主体页咱们来上五条。这个call back呢,叫回调的意思,哎,这个call是调用的意思,Back是返回的意思,哎,这个翻译过来呢,叫回调。啊,我们就要跟外国人反着干,他叫调回,我们叫回调啊,我们叫我们叫回调。这个回调呢,指向另外一个函数,这个函数我们一会儿再说,我们可以先把这个函数呢给它声明出来。
17:02
嗯,因为这个是也是相当于这声明变量这儿用啊,所以这个东西这个名字我们可以自己去自己去起啊。嗯。我还是从他这复制一下吧。我习惯把这个。都改成这个。驼峰式。先声明出来,一会儿再写CTRLC。这边呢,叫call back。诶。呃,至于说这个函数干什么用的,我们可以先简单的说一下啊,用户点击。123。哎,这样的页码是。哎。调用这个函数实现页面跳转。你点一的时候,我给你调这个函数跳到一这,点二的时候调这函数跳到二这啊,当然还有上一页下一页。
18:10
哎,这样的页码的时候啊,调整这个一会儿再去写写它先把这写先写完。还有一个参数叫it。就是每页显示多少条CTRLC。每一页显示多少条,这个得给他指定哈,这个我们现在得从配置size里边去去。CLCCLV。嗯,好,那然后呢,这边这个下一步。我们说啊,光有这几个还不够,他现在按照这些参数能运行,我们就不行了,我们还得去参考一下,他这给了一个说明文档。
19:01
参考一下啊,这边有一个参数名。第一个max entr总条目数哈,这个我们已经写了。呃,每页显示条目数,这个也写了,哎,这个是主体部分。这是边缘部分都写了哈,这个我们得指定一下qua配置。当前选中的页面就是当前页。这是当前页。当前页呢,也从这里边去取一下啊。我们是配置number。但是要注意,我们这得减一,为什么得减一呢?因为page page这个插件呀,它工作的时候,这个页数是从零开始的。我们配置number是从一开始的,我们这个数对于同一页来说啊,配置number比。比他用的那个索引的这个要大一,我们这个减一以后这边才可以用啊,这边减一以后才可以用。
20:06
啊,在这我们得这得说一下啊,这个是得去这个呃。配置。内部使用。配置index。哎,使用配置index来管理页码。配置。Index。从零开始。配置number。从一开始。所以要减一。啊,这是要减一,我们减一以后才能复制给他用。下一个这个有了另个two这个不用。嗯,上页下页的文本,这个我们要设置一下。
21:07
嗯,这个是说我们上一页。下一页。嗯,然后呢,这个是中间三个点,这个咱就不用改了。哎,要不要显示上一页,要不要显示下一页的这个按钮,这都有了啊靠,贝格已经有了,哎,所以说这几个把这几个属性呢,我们要去补充一下。下边呢,就是我们去给他这个。呃,加一下注释。我个人吧,这个有点怪气,我就非得让这个注释在这是对齐的不行。不然的话,我就想死啊。就是我为什么能长这么帅呢?就是因为我的代码写的好。
22:00
主体页数。这个call back呢,是指定说用户点击。翻页的按钮时。哎,这个跳转页面的回调函数。哎,这个呢是每页。要显示的数据的数量。就是配size。呃。上一页按钮。按钮上显示的文本。下一页。插上显示的。这点好理解。嗯,然后呢,哎,把这properties得从这给他这传进来。
23:02
这是我们这个函数啊,这是对我们分页进行。这个叫嗯,生成。页码导航条的这个函数啊,调它调用它是对页码导航条进行这个初始化。
我来说两句