00:00
好,那品类管理呢,大家知道我们就做的差不多了,那后面要发现什么问题呢,我们再去完善啊,下面我们来看另外一个。下面这个是整个应用里面最最难以最核心的一个啊,商品管理。有很多东西跟我们的分类管理很像,就是列表显示对吧,进行添加啊,以及进行修改相关的一些东西,然后肯定会有不同啊。好来,那我们要去写这个应用呢,这个跟上一个区别在哪呢?我跟大家演示一下,一上来是不是展示的是我们的这个列表以及搜索的界面是吧?接着它可以进行什么添加,点添加前面是出现一个什么效果。是不是弹出来一个模确认框啊,但这里是不是。是不是又出来一个新的界面,你说老师他为什么不弹一个确框,因为这一个添加商品的界面比较大,放了一个确认框,里面那个空间有点施展不开,听懂了吧,那样不太好。
01:15
能听到吧,当这里面还有一个。来详情。是不是也是一个界面,也是个单独的一个界面大纲啊,还有啊,我们的这个修改。其实这个修改的界面跟这个添加界面什么啊,其实是同一个。其实用的统所说的一个界面就是一个至少是个组件是不是。这能听到吧,好,那这个时候就要说一个事情了。这个该怎么办?也是我们这个商品管理的这个我们不现在有一个路由组件吗?叫product对吧,它里面包含了好几个界面。
02:04
这是什么?这是什么东西啊?陆游。有是他的有磁路由。能听到不也就是说现在显示的是这一个。这个路由的一个子路由,默认的一个子路由界面是吧,而我点添加商品是不是进入它的这个添加商品的路由,当看你名字你就知道它不仅可以添加,还可以什么。更新看到吧,爱update。也就是说无论添加和跟修改用的是同一个路由组件,是不是这两种吧,能懂啊,好,还有一个什么。详情。地铁。能看到不好,那也就是说现在我们发现它有几个子路由界面。
03:03
三个,首先是这个列表的界面是吧,我要把它称为这个商品的后面。你看它路径还挺特别,就一个斜杠。但是我的添加不是后面又加一个子路径是不是那个详情也是。是不是也加了一个子路径啊,就是我的这个手,就是商,就是商品管理的首页啊,商品管理的首页它没有加路径,当然也可以设计成,比如说我设计成这样一个,但我没有这么做的原因是。有可能别人会这么设计,所以你要懂,就是如果单纯设计后呢,这种好懂一些,我们前面就是这么做的啊,这个地方啊要说。啊。哎,就是这样的一个逻辑。好。我们先把这一个。
04:02
陆游他的时候给搭建起来。那刚才我们说过,它是不是有三个子路由啊,那我是不是要把那三个子路由的组件先创建出来,我就直接创建这个里面。统一一起管理可以吧,可以来。第一个。嗯,GS文件我教他简单的写名字对吧,文件名简单的写home,这个home是谁的home产品的home听到了吧,也可以,你也可以叫他inex啊,也是可以的啊好来我这个文那个组件名稍微写的详细点。这能看到吧,叫product home这一个是什么?是product的默认啊,子路由主页能不能好,那除了他是不是还有其他的?
05:14
来复制粘贴。还有一个是不是用于添加和更新的,那我叫他I-update。可以吧,可以啊,好改改。这是一个,这一个是指I的啊,写的详细一点的啊,就是product update。那这是用于干嘛呢?是产品的。嗯,添加和什么修改或者叫更新的什么子路由。没问题吧,没问题,好把这个内容改一改,到时能看出来。
06:05
好,还有一个。叫什么?详细页。好来我们来看一下,把这个改改这个前面加上啊,Product里面写上。没什吧,没问题,好没问题之后,下面我们应该在这一个里面,是不是把这三个路由组件给它注册上来,得入一点东西,首先要从root里面去引入一点东西,Switch需要吧,还有什么root吧。
07:00
明白了吧,好。还需要别的,我们到时候再写,至少现在我们知道这几个啊,接着将我们刚才那两个组件也已录。啊,第一个啊是我的产品的后,这很简单,因为这个当前下面。考他几个对吧,接着是update以及什么detail。好,记得把名字呢稍微的改一改。好,这个稍微。问题吧,没问题,好,那下面呢,我们要去给他是不是注册上,其实一上来直接来个什么就可以了,所以。也就直接配置路由进行切换进行,因为整个它没有公用的界面。
08:04
没有公用区域就能看出吧,就整个。就是相互独立的。那我们接着用谁来配置写这么几个。以及什么component。对吧,好。对,他。他的路径是多少呀。是这个。你要写去代表项目跟进了,那肯定不够啊,有个什么大实际上跟我的这个,跟我这个本身的那个路由路径是什么。一样的,但你不能直接写斜杠啊,因为路径左边的斜杠永远代表项目的跟路径。能听到能听到好接着。
09:03
来几个呗。这一个这一个是吧,这个里面再加一个叫什么。这个再加成叫I update可以吧。能看懂能看懂,好,现在我们是不是要去测试一把看看。这里面有问题,什么问题等会看。你得测试才能知道有没有问题啊,点一下。这是没问题吧,没问题好,接着还有什么。啊,那个爱的什么。嗯。动了没有动?一还是谁把答案?来下一个。
10:08
依然,为什么?怎么总是匹配到了我的这个和home呢?这个地方说它这个匹配是逐层匹配呢,什么意思。先拿着它,其实啊,最先是拿着斜杠嘛,大家看到我们这个匹配关系啊,注意观察。回到我们的APP,最先其实匹配的是me。这个懂不懂?是拿着这个跟路径匹配到了他的命,接着进入它里面以后。接着去匹配到谁。吧,拿这个路径是匹配到,接着进入product。京东product的时候以后,诶他还是斜杠product吧,那是不是匹配到它。
11:05
匹配他之后再在里面去找谁了。咋?找到找到。这能懂吧?那现在我们的想法是什么?你的路径只有是他的数才请求他吧,如果是其他的是不是往下看啊,说白了这一个是不是要有一个精准的匹配,或者叫完全匹配。不论像我们前面默认,它默认是一个主层匹配懂不懂。这样好吗?不是我们想要的,对不对?知道吧,但前面。我能说他是一个精准匹配吗?完全匹配嘛,又不合适。比如说我在里面要说你必须是斜杠,不能后面有东西。
12:04
那这不行,这个时候比较适合用逐层匹配,去一层一层找,能听懂,不但我们现在这种逐层匹配的这种模式已经不适合我了,是不是,那怎么做呢?得去看文档。看文档里面有没有什么配置能告诉我。啊,用精确匹配的模式。哎,这个时候肯定要去找哪个文档,是不是打开它啊,需要去看谁了,这个说要看一下路由的配置。这路由吧,这能听到吧,好就有一个他。这叫路径?什么完全匹配?它是个什么字?不值,如果为处是不是代表完全匹配,那也就是说,你说我现在应该怎么做啊?
13:01
把这个属性写在。我的这个里面吧。当然,我这个需要这么写吗?不需要直接写一个属性名。这个时候是做的是一个什么匹配。完全匹配叫路径完全匹配是匹配上。能听到吧,可以啊。那那也就是说来看一看,我们改完之后。是不是可以了,注意观察一下,诶好像已经好了,是不是再来观察一下,我们还有一个。呃,叫I update是吧。啊,行不行,可不可以可以接着我们把这个后半部分给它去掉,走理可不可以可以好,我还希望,那我除了写刚才那三个,还有可能写叉叉叉,那你说你希望他怎么着呢。
14:05
我随便后面又写了加密层。你看没有一个匹配。这样不好吧,这样不好,我可以让他干嘛。重定向,那就需要另外一个组件是不?这个展会咱前面讲过是吧,来to。什么路径啊?可以,这里面主要就介绍一个,这这是有用的,这一个在开发公司有用的。完全匹配。嗯。没问题吧,其他的都是咱们前面讲过的啊,行,那我们的路由。就搭建好了。
我来说两句