00:00
这件事情做件什么事了,我们这一个中间右侧这个中间区域是不断的可以进行变化显示,这是让每一个是不是都是我当前in的一个什么。子路由界面是不是,那也就说我们这里面每一个点击的这一个是不是都对应个子路由,那我们先把这个子路由先定义出来,并且配置好,把这个先看好,这个也没什么难度,其实我们来做一下什么意思看好了。来啊,先做再回来做这个啊,这个因为我们路由定义出来,这个不好写啊,好来下面呢,我们来去做这样一个事情,我先给大家整体看一下。就是我们最后啊是有一个啊,各个子路由的,我们需要把这些子路由的都一个一个的创建出来,当子路由里面可能还有子路由这个东西先不做,我们先配二级路由,相当于。啊,首先第一个啊,我们来过一下首页,这是一个吧,啊,接着是品类管理。
01:07
啊,也是分类管理,再有什么商品管理,也就是product,那个品类管理叫什么呢。Category。分类好用户管理有着角色管理,如啊如好,下面后面还有几个。啊,后面要讲的就是图形图表的三个。那这个地方一共三个五个六个七个。八个子路由已知二级路由。这个没问题吧,啊,这个其实嗯,很重复性的操作。啊,什么意思呢?我们需要在这个pages下面去创建,比如说第一个我们首页叫什么home啊,就管理的那个首页来把它呢,写一个JSS文件是吧,叫后来这个地方我们应该写什么大写的后吧,来这个是我们的管理的首页啊,就写简单写个首页路由得了,好,这里面就写完了,里面东西不用太写。
02:18
美女吧,那后面其实就是要复制了。分类叫什么呢?把这些单词都熟悉起来啊,Category。啊,改一下名字,Category,把内容改一改啊,大写的category。啊,Categ这个是什么呢?商品分类,嗯,这什么呀,商品分类是吧,路由好,下面还有一个,下一个是商。商品管理的。再来一个叫什么呢?呃,Product。嗯,把这个名字呢改一改。
03:00
哎,这里面后缀啊掉了好。来这一个改一下大写的P,好,记着把这个内容改一改。好商品之后是什么呢?是用户和什么角色啊,有着。再来一个,还有一个什么角色,等会就是搞完了再去改啊,还有一个叫啊,这三个放到一个文件夹里面就行啊,放到一个文件,这叫什么呢?呃,叫CH啊,Char是什么意思呢?图形图表的意思。来。好,接着我们一个来看啊呃,刚才我们整的一个有分类的啊,已经做过了是吧,已经做了分类,下面呢是产品改过来,产品后面呢是用户以及角色,哎,这个角色还没动。这个是重复性的,重复性的工作啊嗯,这一个是角色管理路由,简称角色路由吧,好,下一个是用户。
04:14
点GSX,这应该是用户。来这个是改一下是用户差不多了啊,还有几个。恰在恰下面呢,有几个啊,有有几个有种图叫柱形图或者叫柱状图,名字叫什么呢?说一下大家可能不知道叫八。那这个里面呢,叫八。啊,我叫它柱状图或者叫柱形图都行,好下一个是叫折线图,折线图还是叫线图,线图什么呢?Nine都写小写啊。
05:03
来,这是个大写的lie啊,翻译过来叫折线图,最后一个叫丙图,这个单词回答没见过,可能叫PPI。啊啊。叫什么呢?叫饼状图,美女们好,那路由组件是不是都定好了?那下一步是不是要将路由组件映射成路由,接着是不是就可以访问了?那路由组件在哪个组件里面射呢?就看它在哪个组件里面显示。我们刚才是为谁配置二级路由啊。是不是我们整个二命的指路由,那所以我们需要在哪个里面去写。而在mean里面去写。刚才创建的二级路由都是路由吧,其实就写。
06:05
看探探里面。能听懂吧。只是我需要先。把他们什么?是不是也全都引入进来啊,这又是一个浩大的工程,因为东西实在太多了,是吧,来一个home啊from,嗯,点点斜杠啊,Home下面的home点击S对吧。也好一些。啊,下面写的过程也是对大家对整个啊所有相关的路由熟悉的过程啊,啊有分类就商品分类啊,Category这C是什么大家写的好,接着是商品product这单词都要熟悉起来啊。好,接着是用户和角色,角色。角色怎么说肉肉就角色的意思啊。
07:06
Rose和Rose是两码事啊。来,下面是。那你就好像刚才那个笔乱说是屁,那你难道还说说放屁吗?这样不太好是不是好来悠着啊,好来下面一个啊,下面是不是还有另外的三个,比方各种图形是吧,有先是那个八啊。这个呢,是大写的吧,嗯,这这么写好下面也是恰是里面的。这个是啊,Nice,折线图来最后一个啊,最后一个了,终于到最后一个了,加P。
08:00
好没问题了是吧,好建好以后下面是不是就涉及到配置了。很你用哪个组件去配置配置路由嘛,Root对不对,当然需要给他什么,是不是引入。能听懂不引入一下是吧,那还需要一个Switch,因为我只需匹配一个是不是能听懂吧,好,那得了,那我们最外层实际上先要来一个什么Switch,把它们给它包裹起来是吧,好而。这个root它接收几个属性,两个分别是什么pass以及什么component。能听到吧,好嗯,这个刚才就有点傻,我觉得我我觉得我要去复制一下啊,我觉得看了就应该复制了,就是有有点有点太伤神啊,复制一下吧。
09:08
这种事情咱已经是小case了。大家看一下这个人没问题吧,没问题好,那其实现在我们的每一个二级路由的界面是不是可以访问并显示了,我们现在就来测试一下看看啊来。看一下诶,怎么一上来就没有了空白的。本来是空白的,那我希望一上面能显示home首页啊。是不是也就是说,但是我的首页是不是home呀。大家看一下啊,是不能不能看到啊,能看到,比如说我在是不是有分类。还有没有?有没有都可以有吧,但是我现在希望一上来啊,如果一上来只要你不是请求我们这几个,只要不是请求这一个,我就让你跳到首页,这个怎么做啊。
10:06
对,这个地方很简单,就是redirect。To等于谁得一个路径是不是?这个什么意思啊,这个要说一个事情啊。我们Switch是说我我会拿着路径跟其中某一个匹配,如果匹配上了后面的就忽略,听懂不啊,那也就是说我会拿的路径是一个一个去尝试。当然有没有可能前面都不对。有没有可能啊,那自动去渲染它吧,那渲染它的意思是什么?是不是就跳到什么后去了?是不是请求后了,那自然是不是就跟第一个匹配了。那也就是说什么意思啊,我随便瞎写一个叉叉叉,他能停在这里吗?不能。
11:04
你看了吧,那同理我。这样做是不是请求跟路径,我有一个有跟我匹配的一个root吗。没有没有去干嘛。是不是还是。之所以后面原因是不是还是谁起的作用?就保证至少能看是不是。当然我们后面也可以做别的设计,先暂时做这个简单设计,这个设计比较简单,比较好理解。没问题吧,没问题,那这样的话呢,我们就把这几个路由组件。二级路由组件都定义好了,而且能够访问啊,我就不一个一个的每个都测试了都可以,嗯,行。这没什么难度啊。
我来说两句