00:00
好嘞,各位同学。那么咱们呢?对于home模块的开发已经结束了。那咱们接下来呢,得去开发咱们的测试模块。OK吧,那还是同样的套。在搞测试模块之前,老师问你,如果让你搞,先搞什么?嗯。就是咱们接下来啊,要开发咱们的色情模块,那如果说让你搞,你先搞什么。对不,其实就是也套路,你看嘛,这应该是接下来是search模块的开发。你说如果让你先搞,你第一步先干啥?你说第一步干什么?第一步是不是写惊叹?对不,你看咱写项目的这个东西,这个套路,它就是这个这个套,第一步干啥,是不是先写静态页面。对不写完静态页面,你把静态的组件。拆分出来。
01:00
那接下来干什么?发请求?对不发请求,那发请求发请求老师问你,你得用到谁,是不是用到API。写完请求干什么?写仓库?对不就是V叉,V叉干什么三连环。对不?那写完没有一叉干什么?第四步干啥?组建获取仓库数据。是不是动态展示数据。你说是不是就这几。对不,所以说你们以后工作了也是一样写一个模块,它就是这些套路。对不写静态拆组件,发请求三连环,三完连环之后可能咋的动态展示数据。那所以说咱们得写静态,但是这回的静态老师就不再带着你们一点点拆了,因为在首页当中,咱当年拆过静态组件。OK吧?那老师说一下子。
02:01
在老师给你们的这个代码当中,有一个地儿叫做静态组件。看这。这是不是静态页面,咱当年捞辉宏老师的那个静态页面,是不是在这儿捞的。在底下这里有个叫静态组件,静态组件老师已经给你们拆好了。OK吗?就不用自己一个一个去写了,因为写静态拆静态组件这玩意儿是很简单的。那咱们接下来要用到的谁是设置路由组件?OK吗?点进去你看这里面有咱们所需要的组件和图片资源都有,都给你拆好了,而且副词组件都拆好了。所以你把设置CTRLC复制粘贴到咱们的项目当中。把咱们的这个search给它替换,换成咱的刚刚捞的这个。OK吗?而且这四个路由组件,咱的路由已经注册好了,对不?那剩下的活咱看下你这么一回来,你看是不是就OK了。
03:02
对,不但你发现有个地儿它不对。啥呢?就是老师给你们的那个路由那个组件当中啊,Type n NAV手握单词是大写的,但是咱是小写。所以说啊,咱们得回到哪,回到咱们的这个测试当中。回到咱们的设置当中,把这个type nv,这个T变成小写。对不?所以你这回咱看一下,你看咱的静态是不是就有了。就这能不能懂。所以这能不倒?咱们只是把咱们所需要的静态组件给它捞过来,而路由什么的咱们已经搞好了。而且老师对于这个静态组件。该拆的也拆了,该需要的图片资源,该整齐的都整起来了,咱们在这就不再练习拆静态组件了。直接搞业务逻辑了,这能不能懂,能懂的给老师扣一个一。
04:01
就这个能不能懂,现在都是假的,都是静态的东西,啥都干不了。OK吧,就是一个假的东西。OK吧,啥都干不了。OK吧啊,但是你看咱们的静态组件是不是就已经有了,因为咱们在home当中已经练习过。OK吧,所以很快的静态组员就有了。但是呢,对于这个结构,对于这个设置,毕竟不是咱们自己写的,老师带你们看看啊,带你们说说。那首先说在search文件夹下是不是有个叫index view,那这个就是哪个组件,这个就是咱们的search组件,Search路由组件。黑包。那你看啊,设置路由组件当中是不是有一个type NAV。Type nv咱们已经写完了,还记不记得咱去讲home的时候,咱是不是这已经讲完了,鼠标一上一下。对不,那你看这不就是咱的商品分类的这个列表吗。
05:02
这是设置路由啊,是商品分类三级列表。这已经有,你再看碟是不是有叫div mean?对不,咱们把这块的老师呢,先一个一个给你折上,咱一个一个看看啊,你看这样。这块呢,有个什么叫做bread,叫做面包,叫做面包屑,什么叫面包屑,就这你看吧。是不是有这个一个小按钮带一个小叉子,这块就是面包屑。诶,老师说在很多网站见没见过这种效果,一个按钮,按钮带一个叉的。见过吧?对不,所以这一块你看嘛,像什么全部结果手机iPhone华为OPPO你看嘛,这不这吗,全部结果手机iPhone华为OPPO,这叫面包屑。那这个结构在哪呢?在咱们的色组件当中呢。OK吗?O,不OKOK吧,哎,指的这叫面包屑。
06:01
啊,写一下,这叫面包屑。OK吗?就是带有叉的结构的。哎,结构的。咱们再往底下看,底下有一个子组件。你看这是子组件,这是属于测组件的子组件,而且老师把它给它引进来了。设置的子组件呢,只有几个,只有一个。OK吗?叫search select点。所以这是这是属于咱们设置路由组件的子组件,OK吗?这个子组件的结构是从哪到哪,是从这儿到这儿。OK吗?就是带品牌的这块的,还有什么网络制作显示屏幕啊,什么摄像头像素价格更多筛选这块的结构是一个子组件。对不,那以及咱们看看有没有底下这啊对,就这。就是老师圈中的这一部分区域,是属于子组件,这能跟上吧?
07:04
这能不能跟上?这里一定要注意啊,这个整个大的。大的这个组件是谁,是设置组件。OK吧,设置组件的结构当中有它,但是要注意这部分结构咱拆分为一个子组件。这里面有trademark trademark就是品牌的意思,有品牌的展示,还有其他的一些平台的售卖属性的展示。OK吧,那以及再看在设置路由组件当中,它底下有个详情。详情这块是啥呢?就是底到这儿了,带什么综合销量这块到时候咱还可以进行点呢,就这什么综合销量,新品评价什么价格对吧,就这咱点进来看一下,看它也是在色置路由当中,你看这不是这吗。对不?叫做综合销量,新品评价,价格上价格下,那这不就这。对不,这一部分区域也是在色组件当中的,但是这块区域是在一个子组件当中。
08:06
对不?就这块儿老师给你折上。这是他。那以及还有谁呢?还有底下这个产品雇的是产品,产品的列表,你看这是不是有十个数据。对,不是不是十条数据,默认是不是十条数据,你看这就是他叫good例子,你看老师给它折上一个两个,三个,四个,五个,六个,七个,八个九个,是不是十个产品。对不,每一个产品咱们进你看是不是有一个图,那每一个产品是不是有一个图。以及有标题对吧,有价钱,你的价钱6088,你是不是有价钱。对不有标题,标题在哪呢?标题在这。对,不有什么2000人评价这块就是质的数据。OK吧,所以这块呢,老师呢,给你标一下这块主要是咱的产品列表。就是销售的,呃,产品的列表。
09:02
对不,所以这玩意老师给他折上。以及底下这是啥,底下这是分页了。OK吗?你看这不有上一页下一页吗?扉页咱们先不管这块,老师给你标这是扉页。哎,飞儿。The。叫做飞叶气。是不?那这块老师给你写这块啥,这块是不是咱的那个那个什么什么什么价格呀,哎,价格的结构。哎,结构就是哪,就是这。对吧,带什么什么价格,这对吧。所以对于这个结构能不能搞定,跟老师说一声,能搞定的给老师扣一个六。也就是说,这是一个色路由组件。对,不在设置路由组件当中有一个子组件。得这一部分是子组件,剩下其余的部分都是在设置路由组件当中。可以吧,那就是这一部分结构,咱们就不需要再写了。OK吧,好嘞。
我来说两句