00:00
然后呢,这个例子我就写个简单一个测试页面了,那测试页面既然是测试的,我不怕泄露我的数据,懂吧,所以我为了测试方面,我还是在we部APP下边来创建一个测试页面,然后呢,来创建一个测试页面,右键这个地方来创建一个试页面,那这个测试页面我这个地方主要是用来演示page nation叫分页查询的这个分页查询的这个我们说这个插件的分页插件呢,然后我叫page nation叫test吧,然后呢,点JP这个地方,通过这个例子我们来来演示,演示成autoscript,叫page,然后呢,这个插件page nation插件使用我们要来养债是吧。那这个页面我们就创建好,创建好之后呢,我一会儿要导入那些开发包,所以我得用到URL,用UR,我都从杯子标签去走,所以我得加个杯子标签,那这个base标签呢,我就不一个一个写了,我就直接从这考了。然后呢,CTRLC拷贝过来,然后呢,把它写到我们这里边,这样好找,这些注释都不要了,这样好,这样的话这个页面提供了,页面提供好,我要用前端的插件,要演示前端插件三步走,第一步引入开发包,那引入开发包那引入哪些文档上跟你说了,就这个直接把它们拷过来就行了,所以这这东西就直接拷这个,这些这些我就直接把它们拷过来了,CTRLC意拷贝,然后呢,把他们引进来,那引进来的话一个要来看嘛,大看,那先引解花蕊,那当然他这个路径跟咱们这个项目的这些什么开发包路径不一样,那路径不一样的话,这个地方改成我们的路径,那我引解花,解花我们这个路径在哪呢?
01:42
从base随边去找找谁找解块RY,因为这里边的YBAPP下那容步署到应用的根目录下边,知道吧,这个地方找谁找解块RY,解块RY下边的谁呀,就这个解query1.11,然后呢,这个地方引入解que知好这个地方就引进来了,下边导入导入不得索框架不框架我们在这个地方什么,然后导入CSS,那就能导入吧,那CS也是从解块往下找解query下边的叫不框架的,下边的叫CS下边的叫不rap的,别这个地方别导错了啊,就上次我们演示那个什么日历就导错了,上边这个就别别下边这个这个东西就行了,然后呢,下边的个导入不得S框架的JS,那这种来导入进来就行了,那说不得框架这种那个j query下边的叫BOO rap,好,下边的叫JS,下边的叫BOO框架的这个这样的话BOO rap。
02:42
创建也引用来了,下边来引入这个什么这个这个page nation这个分页插件,那分页插件的你首先可以到官网上去下载,在哪下载,在他这个官网上可以下载的,他这个地方在哪下载呢?那看我们这个地方,看他这个DEMO里边没有,DEMO里边没有是吧?他这个首页里边吗?在首页里边这个地方可以下载。
03:03
你点进来这DOS,那在在这个dock文档里边有他从下载,你看它上面有一个下载地方。看啊,大家看看这地方音克的它,哎,这个地方大家看吧,就这个地方看吧,说你要想下载点这个点这个超链接就可以下载,知道,当然我课堂我就节省时间,我就不给他下载了,知道吧,我已经给他下载好了,在哪个地方,在这个地方分页查询的插件,就这个,它下载的应该是个点内包压缩包,你解压之后把它解压到这里边就行了,它下边有CSS。有GS有语言包知道吗?这是我们说的这样,那你把他们都引进来就行了,首先引GSS,这是GS引进来啊,我们这个地方引GSS,然后呢,我们这个地方也是从解剖目录下找,找出来,找我们的叫boori page master,然后呢,它下边的GSS,它下边的叫j query,这个懂,然后呢,大家看我们这个地方记取了。
04:10
解有了,然后呢in GS GS也是,然后呢,下边的这个是我们叫的page和master,下边的叫JS,下边的叫知道吧,然后呢,下边这个语言包,这个语言包大看它支持很多语言,你看但他这种语言它唯一一个,但不知道为什么,就他这个官网上面下载下来之后,不支持简体中文,它只支持这几个语言。这个大家从命名的语言包上面,你能看到这是什么语言,对英语是吗?对这个呢。对这个这个对,好像是俄语,俄语讲大,反正咱也看不懂,对这个是什么语言,你看。就不不太清楚看不看不懂,对反正不是中文是吧,对这些当然他这个是英文,但是英文的话,我也我们也看过,我们这么能看懂,但是有个用的也不也不太方便是吧,但我这个东西给大家翻译好了,对翻译成简体中文,这咱们就用它这个,但是它这个它件没有简体重要,没办法,我已经给大家翻译好了,知道吧,好,这是我们说的,这那我们将来就引入它就行了,知道吧。
05:25
啊,当然你这个地方,如果老师我到公司里边,如果遇到这种情况,他不坚支持简体中文,那你给他翻译,对你也得给他翻译,要我英语不好说,对对英语不好对百度有翻译软件的,不用怕是吧,但是你得知道在哪去跟大家什么翻译,你得能找到这个语言包是吧,找到之后翻译这些就比较好办了是吧?好,然后呢,我们这个地方引进来,然后呢,这个地方呢,这个地方来个语言包叫这一个,然后呢,下边来一个叫E,就这个,这是我们做到这这样的话,他看开发包就引好了,引入开发包就知了,这是第一步,然后呢第二步创建容器,这个容器就是个div,所以呢,这个div呢,在这这个地方我也这我直接拷它的就行了,我也不写了,让他点进来包,对把这个div拷贝过了,咱这个注释一块的也也拷贝过来吧,注释这个ID你可以改一改,那我这个的话我就不改了,我就我就叫他了,知道吧。
06:23
这是第二步,也完了,第三步当容器加载完之后,对容器调用中函数,它也是在入口函数着角度,你看这个地方,你看在这个就是GS里边,我就直接把它拷过来,入口函数一块拷过来,CTRLC拷贝过来,然后呢放到我们这就行,诶没拷上,然后呢,这个地方拷贝。啊,Square的标签没写是吧?啊,这个地方来找个square标签对,忘写了,然后呢,这个地方来script的标签,对,然后呢,这个地方来一个,诶这个地方好这样就行了,大家看这写了方这样啊,他这个例子我们就打过来了啊,当然他这个例子很多参数都是默认的。
07:10
将来我们什么,我们得给他传我们自己的参数,知这是我们就知那下边大我们来运行一下它的例子,运行一下效果给他这个DEMO是一样的,当我们一块来运营一下,你看啊,然后我启动服务来运营一下,启动。啊,你以后开发的时候还会遇到,还会遇到一些这种前端差距,有的肯定有,肯定就是我们以前没讲过,我们总共这个CRM项目,我们会给大家讲差不多三个四个插件,后边还有后边还有一个一两个,嗯。啊,总共有四个,当然我们这个后边大家我们这个在其他的,嗯,到公司里边你肯定还会遇到,还会遇到别的啊,当时测试页面我就直接访问这个页面了,这方来个配置内,当然你要用到别的我没讲过,没讲过你也得这么去研究,按照这种方法去研究是吧,然后这个地方来个手来写一个太索是吧,大家看就这个例子知啊,这个结果跟他们一样,当然只不过我做了汉化了,你看。
08:22
啊,这些下一页,下一页也是一样的嘛,结果一样的,然后这个东西跳转到第20页啊。然后呢,这个地方每页显示15条了,跑到第一页去了,这当然后边这也跟着变,这时候我们说的这样,但你看这些都我们这做了汉化了,这好,这是我们说他这个他这个例子,当然我们说这些到底想着什么效果,现在只是它这个简单的例子是这样做的,那么这些很多数据,包括总共有多少条记录,然后呢,每页显了多少条,我现在显示第几页的翻译信息,这些都是默认的,那么将来有些数据从数据上查出来的,有些数据是我们计算出来的,有的数据是用户点的,那么这些参数都是怎么去控制它,我们一会儿要在什么,要在这个什么参数这个对象里边去研究那些参数去。
09:17
它总共有这些参数,往外要用到的有这些参数,哪些参数找这个到它下边有文档告诉你有这些参数,哪些参数往下找,大家看,这是他这个,这是他教你怎么用的,就是那三步,我们不多说了,这是这些参数大家看吧,调函数这些参数看吧。我们一会儿来研究这个参数,对你说老师这个参数这太太多了,好几十个是吗?当然我们不研究全,我们不研究完,我们没有这么多时间知道吧,我们就研究几个常用的哪几个,这一个这一个这一个这一个这是四个了,五个。六个七个八个,然后呢,对,后边还有一个九个,咱们就研究九个参数,知道吧,就研究九个参数就行了,别的参数大家课下感兴趣可以自己研究,但我们这个东西教给大家这种方法。
10:12
到时候你自己研究就行,知道吧,好,这时候我们要说的这样,那一会儿大我们就来研究研究一下它这参数到底什么含义,知道吧,好,这样的话大再看这参数比较多一吧,几句话也说不明白,我们一会儿专门研究它,研究完了之后用到我们CRM项目里边就行了,知道吧,好,下面大家休息一会儿休息,我们来看看这参数到底有什,到底到底都有哪些,嗯。
我来说两句