00:00
好,那我们继续来上课啊,那么上节课呢,我们把我们的这个分类已经做完了,对吧?后台的这个整个操作啊,我们已经做完了,那这节课呢,我们把这个前台的便利给它显示出来,那么另外它这个块呢,是固定的,那肯定不行,我们是二级分类,那么当鼠标放上去,是不是让它最下面去显示它的子类,放到这里,它下面对应显示子类,哎,所以我们稍微调一下它的样式啊,那么调样式一样找到hier这个文件,就是在后这里边cser这里边hier对吧?那么找诶hier的CSS了啊,我们在layout里面有个hi点码,对吧。找到H码这个呢,是它的下面的这个子类导航,我给它缩小掉啊,缩小掉以后整个我都给它注释了不要,然后再找到它的这个csi样式,这里边是不是整个这块石,它的样式也给它注释掉不要了啊,那这个时候我们来刷新一下。好了,变成这样的,然后呢,咱们让它下面有这个子类,那OK,找到海这里边。看好了,看我怎么弄的啊在这块。这里边OK,然后ul。
01:00
Li a。比如这个AAA ctrl c ctrl v v2个。OK,那现在完事以后刷新,刷新以后,诶没有对吧?哎,那没有,它可能是在底下付被这个隐藏掉了啊,那好我们去设置一下,在这里面怎么设置呢?我通过定位方式来设置就可以了,来看好了井号NAV下边u Li下边的Li,我先给Li做一个什么呢?做一个posi position等于绝对定位。相对定位啊,相对定位以后我是不是就可以井号n NAV下边u Li下边Li下边的呃,UL对吧,我让它BRDR包一像素实现的红色OK,然后呢,我让它POI等于UT相对定位绝对定位对吧。哎,子类是相,这个子类是绝对定位,父类是不是相对定位,这个L相对定位对吧,它里面U是绝对定位,那现在我们刷新。你看这个U是不是就有了,哎,那么这个ul有了以后啊,这个ul的大小也是有问题的,对吧,先不管它了,先把这背景啊给他,文字我们先给他啊。
02:07
来,那就是这个ul的背景,比如说B变成什么呢?变成这个就它吧,那白色EF。就它吧,让它这个颜色稍微有一点是吧。OK,这样可以了啊,然后呢,这里面的文字呢,那它默认黑色就可以了是吧,那默认黑色那几井啊,不对,不是这里,而是井号NV下边ul。下边的Li,下边ul。呃,在里边Li里面的A给的color变成井号000。刷新一下,OK,这回对了,对吧,然后鼠标放上去这个边,这一行边缘显示啊,这一行显示。呃,我这个ul里面是不是有ping值啊,还是我Li上有M值啊。看一眼啊,来。选择一下。
03:00
这个是how how,这里面倒无所谓。这个就留着就可以了,不动它啊。呃,Mar上下位能左右这宽度高度。这个宽度是130。看到了吗?他给了他给了个宽度一百三啊,他给了宽度130,那我们就给这个也一样width宽度,比如我也给他一百三的。哎,刷新一下。不行是吧,咱得给130,他是从后面缩小了啊,位置就不对了,那OK,那咱就不给130,咱找肯定肯定有什么,肯定有marin跟P的值啊。把它再重新刷新回来,然后我们去看它的这个money跟吗还是Li。RI float left。Taste高度宽度。Li的这个宽度是没有问题的。那就是A,那就是这个A。Li Li没有给值是吧,Li没有给,那就是这里面的这个AA它给了,那就是那咱找一下吧,A的宽高。
04:02
The size。Describeson。A,也没有啊。上下为零,左右让它自动,这没有问题。看到了吗?主要它这动这没有问题,然后宽度一百三这也没有问题,高度这些这都没有问题啊,咱们把这个A给打印出来,来这里边叫做buildd啊,BORDERER1像素实现的,来个blue蓝色。刷新看A是这么大的对吧,那A是这么大的Li。是满屏的。这个也是满屏的。那就ul。UL。Ul这里边。也没有给他一个宽高啊,他这个宽高是从哪过来的?那就这样吧,既然他这个A被改过了之后,咱们给他改过来,This play等于inland block。
05:01
好了,再来刷新。刷新。他的180,他是132。一百八一百三十二。那我们来看一下有谁被设置过啊。180。Li被设置了180。A呢?被设置130,哦,原来是这么回事啊是吧,那OK,那要想让它变的话,我也不需要变了,那直接把它的WD width宽度给它设置多少一百八是不是就可以了。哎,那好。刷新,OK。对吧,哎,但是一百八不好看,看到了吗?它那是不是跟下面这样对统一给它设置一百三嘛,啊还是一百三好看啊,一百三那这块的宽度我们给它设置一下WDTH变成130 130PX,哎,让它俩保持一致就行了啊好了,这个注释掉,这个也注释掉,不要了。
06:02
宽高我们不是宽高这个边框我们不需要了啊好,现在它缩小。缩小以后。Ul。哦。我说的嘛,怎么回事?来ul的pad ul里面默认的样式它应该没清啊,Mar Mar Mar marin为零。好,给它清一下。刷新。清了。还是我没刷新上啊。UL。找到这个URUR确实是一百三了,但是UR的位置。啊,是他定位的位置,我们可以去挪一下了啊,这个定位的位置去挪一下这里边的。我看看这个Li吧,Li在哪啊,Li在这儿,你看到了吧,Li在这儿,所以它的位置是在这儿看到了吧。
07:02
A是130,因为上面的A是130。所以呢。都是一百三的话,我让它马上下为零,左右a u to凹凸自动。点一下。然后这个ul。这个U上下为零,左右自动,没好使啊。来把它的这个副类的边框啊,BD包一像素实现的红色给它打印出来,这个呢,我给它换一下叫井号000也给它打印出来啊。走,你。看负类的边框。富力边框确实有对吧,但是他始终还挪不过来,那挪不过来的话。那怎么办?那就不能给它背景颜色了呗,那就换一种思路呗,对吧,那行,把这个颜色注射掉,这个颜色也注射掉,刚才我们给的谁呀,给的它的宽度一百三是吧,宽度我不动了啊,它的宽度我不动了,然后这个A的宽度呢。
08:06
A的宽度一百三也先放着吧,都先去掉吧,因为我们知道怎么回事了,对吧,来先返回来啊。那他俩就没什么用。再让它还原回来,还原回来现在是这样的,注意啊,我给的是整个的这个ul的背景颜色是这么大。嗯,那这样的话,咱们就要给Li的背景颜色。那就给他个定位吧,来吧。还是给它设置为130,也是130,因为他做了阿巴斯的定位对吧,所以left我让它向左二次像数。向左移动20走你。OK,这回差不多了是吧,但是这里面的内容内容怎么没有居中啊?我看一眼啊,它样式到底有没有设置这个。
09:00
都去掉啊,Li。随便找一个就可以,我看有没有清空原样,原来样式清空了,这么马景零拍景零包的零。Ul呢?也清空了。都清空了,他的这个值是哪来的呢?哦,A标签给的。R里面的A。Li里面的A。烂害了,哎哎,标签也没有啊。A,标签没有啊,再往上找一找看Li呢。LA。就给了个float。然后就是宽高。也没有。都没有它的这个样式,怎么设置成这么个形状呢?AA,它没有顶到这个格。
10:04
That。AA在这儿啊。为这个。依赖我给它设为行内元素啊。刷新。我看好不好使。找到这个A。Play in OK,它现在确实是行内元素了啊,含内元素以后,但是它跟这个家伙还是有。有一定距离的,因为Li啊。Li还没给他设置吧,所以A给它注射掉了啊,Li我们还没有给他设置一百三啊,所以它的位置始终是跑偏的,NV下边UL下边的Li,它的这个ul。Ul里边的z Li啊,因为它用的那个选择器不一样,对吧,所以都继承了啊,这里边也一样130。来刷新。OK,这回对了,看到了吧,啊,这回对了吧,哎,那好了,那这回对了以后来我们把它取消掉啊,取消掉以后那么一样,鼠标放上来这里,放上来这里,放上来这里这里。
11:11
它的这个位置是不是还有点不对称呢?再加一个吧,我刚才left给他25像素。刷新。好了,这个对称了吧,哎,那OK,那这个对称以后接下来干嘛呢,让它隐藏掉,也就是这个UR隐藏掉啊。Play为隐藏。刷新好了,隐藏掉了,鼠标放上去它显示对吧,那这里面再继续给井号NAV下边u Li下边Li下边的,呃,给它power,当鼠标放到它的时候,我让它里边的ul里边的L啊不用了,就ul就行了,这变成什么display为block。让它再变成显示了好了,哎,刷新刷新完以后走,你是不是就有了。对吧,哎,那OK,其他的有二级的是不是咱也要给他便利啊,那就不管他这个,就留一个就行了。
12:04
那么接下来我们来遍利这个数据,那么数据在header这里边,Header我是不是也一样背的这个首页包含了,那么也就是在我的controller这里面呢?Index这里边对吧?那index里边咱们是之前查询的一号广告位,这个是查询的什么查询的友情链接对吧?那这块注释一下啊,叫做查询友情链接啊,其实我不应该都在这里面查询,我应该用其他方法来查询,都在这里调用,这样会更好一些啊,比如说这里我来一个吧,叫什么呢?叫做分类是吧,查询分类那就select c括号。好,那进来不就是查询吗?我Dollar circle就等于,呃,Dollar等于。呃。星。From。From哪个表呢?EW-cat。Eryy这个表好了,我就查这么一次就可以了,我不需要排序,因为最终我要查的是不是拿到所有这个为零的对吧,就PID为零的拿到所有顶级的,哎,所以那个时候拿PP判断就行了,他就普通给我查一下就行了,查完以后那一样,我这里边把这两个东西CTRLC放到这里边来,然后接下来我开始。
13:19
去调用啊,这个Dollar select Dollar data。等于。嗯。R吧,或者不用AR了啊,我直接return吧,这个结果return什么呢?到了SE model括号把这里面摆到了circlel中,里边是不是查询到了数据,我直接返回了,那这块我就可以直接干嘛,直接进行调用,这块叫做分类了啊分类。Dollar type。TYPS等于什么呢?等于select。不是select model啊,是select select,然后CA。
14:00
C。T。好,为什么没有显示呢?因为这个函数必须在它上面定义才能用到啊,才能用到,因为我们用的是内部函数嘛,对不对,好了,现在你看就可以了啊,可以后咱们来看这里面打印一下VR-DP,打印一下Dollar。刷新。哦。他说。不能重复定义construct,为什么呢?因为在这里边我又去用了一次啊,那这里边不是用了一次,我调用了一次,我就把它删掉了啊。这个也不用了。这里面就直接这么一句话,单独给它分出来了啊好了来刷新。这回有了吧,有了他说y select model没有被定义,然后他说必须是一个字符串,诶,因为我在另外一个函数的空间,再想去用到它的话,还真就不行,那个global Dollar SE select model,我自己再跟一下吧。
15:03
小金,OK,再来看所有的数据,我是不是拿到了?哎,那拿到所有的数据以后,接下来干嘛呢。我们开始做相应的操作啊好了,咱们来看types,我已经有了这个变量了,对吧,有了这个变量以后,那我把它。再分一个出来啊,因为我不仅要顶这个顶级的,还要子级的,对吧?所以这里边我再来一个children childd child啊,不要children child types等于等于什么呢?等于Dollar type,好了,是不是把这个数组又复制给了他一份啊,哎,那OK,那接下来我们就扫到我们he这里面,正常便利就行了,所有的这些东西我都不要了。不要了,不要了以后,它这里边我开始进行for,意思错了,应该是先建括号问号pap,判断一下,建括号问号pap,然后问号问号建括号回来,然后这里边如果a set,你设置了这个Dollar types,对吧,应该是A。杠A啊,Dollar types,如果Dollar types数组对吧?并且呢,Emp取反不为空。
16:07
Dollars不为空的时候,那么这个时候我开始进行便利啊,叫做for e ch for便利谁便利Dollar a啊,Dollar type as,一个Dollar v好了,那么这个Dollar v是不是就是每一条数据,那么这个数据咱们说第一次我是不是只需要拿到顶级类就可以了,也就是说如果Dollar v里边的这个PID。PID啊,等于等于零的时候,是不是就顶级类,如果是顶级类的时候,好,这个时候把它CTRLC按到这块艾一个。字符串把它粘到这里啊,粘到这里好了,那粘到这里完事以后。咱们来看啊。字符串儿粘到这里。我还是分开来写会比较好一些啊。因为这一块内容我们要单独操作嘛,那就给它分开来啊,字符串开始,字符串结束,诶这样。
17:00
一个搞定。前面没有,然后这个ul呢。单独输出吧,UR先单独输出一会儿我们还得改,因为UR我们还得循环对吧。诶这样的,然后这里边再来一个Apple好。好了啊,这回再看UR开始到Li是不是到这结束,中间没有什么东西对吧?好了,那现在我们来看它这个顶级类可不可以了,来刷新。所以你看we部前端,外部前端,外部前端外部前端,诶怎么都是we部前端呢。是不是都是外宣的,哎,我每次啊。每次循环的时候,我是不是要输出这个值,那是不是就是到V里边的。Ame呀,对吧,那OK,来再来刷新。好了,这回你看编程语言,国内新闻培训类,游戏类对吧,而且注意啊,看这块是不是被图片挡住了,我是不是要盖住图片之上啊,所以在这个CSS里边,我们想盖住它的话啊,要想盖住它,这里边我们给它提一个乘,叫做Z-index,比如说为100。
18:05
刷新一下。好了,这回好了吧,哎,这回都好了啊,都盖住了啊,OK,都盖住了好,那么完事以后,接下来这里边的东西我们肯定也要去干嘛去查询吧,那里面当时查询的时候,我是不是就得查询到谁是谁的子类才行了,哎,那好,找到这个index.head点在便利这一块的时候,我是不是就得判断了,如果它里面的有子类啊。对不对,哎,这里边叫做。如果。如果,如果。有子类我想想啊,咱们来看一下。嗯,我当前现在已经拿到了所有的数据,就是这样的星,哪个表呢?呃,Ew-C这个表,好了,拿到所有的表,我先找到了所有为零的这些数据,对不对?找到所有为零的数据以后,接下来呢,咱们再来看,比如说当前我们拿到编程这个啊,编程语言是一的,那是一的ID,就要看这个PID里边有没有一对吧,如果有一证明它是编程语言类的吧,那也就是说在这里边我需要干嘛继续报循环。
19:14
没错吧,For一次循环e ch这回便利什么呢?Dollar的。Types是不是这么写的,看一眼来。Dollar types OK,没有错啊,那好,那如果他as一个Dollar v对吧,那接下来。判断。如果。如果。如果什么呢?如果这个到了。呃,不能叫V了啊,这个也叫VR吧,叫做LD。Vaal对吧,那如果到了hid里边的Val里边的什么呀?PID要是等于等于。
20:00
他这里边的。ID,那证明这个数据是不是就是它的子类对吧?哎,那是它的子类,我是不是就要进行输出,输出什么,输出这个Li就行了,把这个Li换过来。把它拿过来,这个L需要吗?不需要了,对吧,这个UR和这个结束UR呢,需要需要的话,那我怎么放看好了,我在这里边,在它的前面我加一个结束的U。给它缩进去,然后在这个A的后边,我再来一个ul的catch,这就够用了,对吧,那现在咱们来看这个AA肯定也不要了,我们应该是用的谁呀,应该是Dollar,呃,Chlbval里边的。那好了,那现在我们来看。走,你看好了,编程语言下边有PP web全站,Note GS,国内新闻下边有这个娱乐新闻,军事要闻,培训类少it培训,少儿编程,游戏类有王者农,还有撸啊撸,这个是不是就OK了?诶把它下面所有的子类都已经拿到了,对吧?那拿到以后这一样,我点击编程语言肯定是找编程语言下面相关的文章,对吧?我点击pap呢,可能点PP下面相关的文章没错吧?诶好了,现在文章我们还没有做对吧?所以我们先不去不去做前台的二的二级页面,一会儿等我们把文章做完以后,我们再来做这个前端的二级页面啊OK,这就是咱们前台分类的这个数据的便利,好,那这节课我们到这里。
我来说两句