00:00
大家好,我是学习园地的特约讲师高国峰,上节课咱们看了传递参数的方式,一共有两种,如果你想用动态路由的方式传递,那传递一个值,我们通过这种方式,如果传递多个值,我们使用查询字符串的方式,用拼接字符串,问号ID等于什么,呃,K等于什么这样的一个方式去传递参数,两种呃,分情况去应用,那这节课呢,我们再来学习一个一些新的概念,重定向和别名比较简单啊,那我们先看一下重定向,重定向呢是呃,也是在路由中配置完成的,和便名一样,都是在路由中配置完成的,是从访问这个路径的时候给我们转到这个路径,比如说我们看一下。再打开我们的程序,你比如说我们现在在因为在路由中配置完成吧,这是在路由里边,这里边我也备份了一份,原来的给你备份了一份啊,所以呢,在这里边就可直接改了。看一下,嗯,我们先不改这个,你比如说。我们现在假如说想访问home的时候,我们给访问到关于我们,现在呢,我们点首页,你看这是首页面对不对,那我们现在点首页的时候,给他到关于我们,那我们就用重镜向在这里边写上,比如说re,这是重定向的意思,它相当于跳转,跳转到哪呢?给我们跳转到呃,A Bo。
01:16
你看这样的话,我们现在一访问首页,你看直接到这来,比如说个人中心,我们现在访问首页,他给我们跳转,相当于跳转重定向到了其他的位置,改变了这个位置,那现在知道重镜向是一个跳转,那我们现在这个,呃,原来我们设计的程序有问题,比如说我们设置这个和我们这个home主页,这是一个根,页面是这个APP,而我们home页面指的是下面页面,它是不一致的,也就是在我们设置的时候呢,我们这块设置的直接是首页是访问根,那如果首页访问home,其实后呢,和根又是差不多的,对吧。那我们怎么做呢?那我们就保留一份这个。复制一份,你看。过来再写一个后。这样的话就符合我们程序的一个逻辑,符合什么程序逻辑呢?当我们访问这个首页的时候,是不是直接到后啊,直接到后来我们看一下这程序直接到后,你看刷新一下。
02:11
往首页你看直接到后面这个是我们正常的一个节目结构,也就是这个路径和我们这个组件是一样的,但是后首页呢,一般的呢,我们又不需要有这样的路径,对不对?那我们再让它怎么办?跳转到访问home的时候,让它重进向到这个路径,还是加载后模板去跳转一下那。我们就可以在这块re跳转,跳转到哪去呢?跳转到根,这样的话我们访问home,直接给我们跳转到根,你看这种方式。现在我们访问首页。没有跳转是因为你看我们是错了,他说没有匹配到这个,因为什么?因为我是复制的,复制的这俩名字相同了对吧?名字相同要么你去掉,要么你改名,比如说这是呃,Home route对吧,随便起个名,名字不相同的时候,那就不出错了。你看我们访问首页,关于我们在访问首页,你看是不是跟这种结构是一样的,而我们直接点击的是直接到to这块,直接到什么到后面,而我们这块现在点击首页回来上面是没有的,跟刚才的效果是一样的,那这就是我们用到了这种什么重定向,当访问后的时候,直接给我们跳转到了上边这个跟这俩名字记着不相同啊。
03:23
那除了跳转,这是一种方式,那我们还可以用什么?我们还可以用名字,因为每一个里边咱们都起个名字嘛,你可以把这名都删掉,不起名字,那起名字有的时候也有用,你比如说我们re,我们可以用名字的方式来跳转。你比如说像这样,那我们在这里边直接用一个对象起一个名字就可以了,用内指的就是这里路由里边每个人的名字啊,比如说我想跳到这个指定这个名字,那我们这块身为一个对象,对象里边有一个name跳转到ABO。你看名字是这个,那我现在呃,这块少了一个号,别错了,现在我在点首页你看。
04:05
嗯,点首页重新。点首页直接到后面,后面呢,通过re少了一个这个啊,点首页你看到关于页面了,关页面一样了,你首页看到这个,所以呢,我们可以用名字,那如果我用上这个名字。对吧。那现在点首页。和上面的效果是一样的,所以这两种方式是一样的,是一样的,所以这就是重镜向从一个路由对吧,我们反对路由跳转到另外一个路由,跳到另外路由,那当然除了从一个路由跳转到另外一个路由,那我们这种你看我们上交到个人中心。我们就像这个文章一,文章二,文章三这块是用动态路由的方式,对吧,而我们这个文章,你看我们用的什么,我们用的参数的形式,Q页查询方式的形式,那我能不能通过这个跳转到这个呢?因为他俩格式是完全一样,对不对,那我点击这个,呃,动态插入的格式,我能不能跳到这种查询的这个格式呢?这也是可以的,比如说。
05:07
我们在找到嗯,子路由用户里边,不对,咱们是在。呃,Home里面用户里面。啊,配置这块这个子路由对不对,这个现在用到了是不是ID的方式,那在这里边呢,我们一样可以用到这种方式,那我们可以用方法的函数的方式,这个还支持函数的方式,也就是这样,你看。对,Pass指定了一个路由,通过跳转我们可以指定一个函数。相当于我们调用了这个函数,Re DR,调用一个函数,函数需要一个参数,我们就用不把跳转吧,然后一个大括号这个函数题。还几那在这里边呢,我们就可以,这是传递跳转的时候传递的参数啊,会把所有的参数就相当于传给他,不是相对他把当前的路由传给他,相当于把当前的路由传给他,那这里边我们跳转,跳转的时候呢,我们需要指定,你看我从这个重定向到这个文章里边去,文章这块是没有参数对不对,但是文章里边咱们接收的是那种,呃,用查询字串的方式。
06:11
那我就可以怎么办呢?我可以先指定我这个pass跳转到哪里去这块指定。嗯。方法我看一下啊。通过这个指定方法返回一个对象,返回一个对象里边有两个参数,一个是因为这是一个函数嘛,这是一个函数嘛,对不对函数,然后返回,返回一个对象加载方式,当然了,如果我们不想使用这种呃方式的不加返回的话,那直接返回对象的话,我们还可以怎么写啊,还可以简写。当然这就是那简写是对象的方式,我们反馈对象方式是不是得加个大括号啊,对吧,这个和直接。太返回就是一样的啊,这种太缩写了,怕大家不太理解,那我们就还是这样吧,这是函数体,然后返回对象对吧,那缩写就是什么呀。缩写就是to这个大括号里边直接写对象是一样的啊,两种方式都可以啊,然后这里边对象的方式里边我们指定一个pass,转到哪去呢?转到跳转到用函数的方式我们将这个跳转到这个里边,也就是这块AR。
07:19
你看这样的话,我们就能从配置这块访问这个配置的时候,在ID,那我们跳转到使文章这个页面,那配置这块是用参数传递的,而文章这块呢,我们使用的查询自由串,那我们把这个参数对吧,路由的参数也是转到这,我得给他传参数对不对,因为你这块是动态路由的方式转到这块,你不得传传这样的一个。参数嘛,就是QY这样的东西,也就是这里边需要一个名字对不对,张三,然后需要一个年龄累计对不对。就这两个,那你看我们需要参数,这里面我们就。逗号第二个Q指定一个。那我们把。参数写在这块。
08:01
来就类似于这样的话,呃,我们写一个这样的就可以了,那我们里边存多少个值都行,你比如说我们现在想出名字,等于如果固定的写,固定的去写,比如说名字我们写上。张三,然后年龄,因为这里需要两个参数,能能接收吗?对不对,等于100对吧,现在我们在点击这个文章一的时候,你看就会给我们跳转到点击原来是配置对吧,现在你看下边的地址栏,我们鼠标放上去指定的还是配置user配置等于12对不对,但是我们转过来的你看。点击转过来的,他就会给我变成这样,那如果我想把这个参数变成查询字段参数呢,当然这里边可以再加一个,那我接收没有加一个,那我就把这个年龄改一下吧,年龄改成改成接收的这个ID,那他说了这个参数干嘛呢?就是相当于我当前的路由,所以呢,这块to当前路由里边有一个什么PA啊,是QRY。因为是这个参数的方式,所以p ras点,你看它这里边的是不是有个ID,我们把这个。
09:04
相当于当前的路由拿过来,然后点击。十三十二十一你看就可以了,所以这个度相当于什么。这个参数就相当于把谁传进来了,是不是相当于这个注是奥拉佛啊O对吧,它是不是相当于给to传过来了,所以呢,它这里边能接受什么,咱们就能接受什么,把这个参数也就是这个ID拿过来传过来,这样的话我们就重定向到了,从这里边访问这个到这里边了,所以呢,他们两个你看虽然是两个路由,点击点击这号。错了。我请一下。你看点击这个这个。点击这个文章,它就能接收到对吧。眼镜了哈,这个看眼镜了,下边有一个。参数将使用路由参数,无所谓啊。
10:01
功能是可以实现的,对吧。但这样用起来很少啊,你会觉得这样的话会把你的逻辑搞乱吗?只是能说了,现在在讲语法部分是支持这样的格式的,对吧?你尽量别这么去做。是吧?那这样又回到了我们这样的一个情况,对吧。两个页面啊,是说可以转,把这种参数转成这种参数,也就是我们上节课学的通过重镜像可以把这种类型转成这种类型,对不对,那你干嘛要转呢?为什么不直接写这种类型啊就可以了,对吧。所以重定向咱们了解一下,简单的咱们用一下别名,别名呢看上去有点像重定向,但是呢又跟重定项有些区别,重定项呢是跳转,那我们这块呢,是给它起另外的一个名字,你比如说。我们现在访问这个跟也好,或者是后面也好,对吧,那我们给它起一个,嗯,关于吧,在这写上面都已经有空效了,那在一个写任何一个路由都可以起别名Ali别名,比如说。
11:02
我们在访问这个的时候,我们比如说访问斜杠简写访问A对吧,那么是不是关于呢,你看我们这里边把地址栏都去掉。我们访问一个A,那这是关于页面对吧,关于页面就可以了,那每一个都可以给他起另外一个名字,能不能起多个名字呢?那如果起多个名字的话,你加一个公众号变成数字就可以了,比如说。嗯。访问这三个名字的时候,都是他的别名,其实是都是这个啊,这个的别名其实是一个意思,就像一个人有大名有小名对吧,是一个意思,你比如访问A的时候是这个访问B是这个防C。这个没有出错,访问把这个原来的径。黄西啊,是一样的对吧,也没出错,还是关于我们的别名,这是起别名这样的一个作用,可以是起一个别名,也可以是起多个,如果给起多个的话,就用数组的方式,一个的话就起注块就行了,那同样,那我们假如说这种方式不用跳转的方式,那我们就可以用别名的方式去用了就行了。
12:08
就相当于我们多路径指向同一个名字,是这样。冰冰,我们再看一下冰冰还有哪些细节,对冰冰如果是带ID的时候,你比如说这个带ID,那我们给他起另外一个名字的时候,A Li一定也要把这个ID带上,比如说我们,嗯。这些书法来你看,比如说我们现在想把配置换成一个P这样的别名,对吧,那我们一定也把这个参数。带上,比如说。别名被起重复了,如果两个都是同名的别名的话,他就不知道跳哪去了,所以整个路由里边名字都要一致啊,比如X这里边冒号ID。那我们现在再访问个人中心,你看配置的时候,这是可以对不对,那我们现在把这个换成什么,换成P10,你看也是一样的,对不对,然后我们访问十二十三,那也是一样的,或者我们把这块换成什么。
13:01
换成X。放X也是一样,所以带参数的时候,别名的时候一定要加参数就可以啊。啊,这节课我们就了解一下,不用了解那么多,你就重新项目,就记得最简单方法一个跳转就行了,那这种基本上不怎么用,对吧,就记得从后面跳转到这,或者从名跳转就行,别名就是起一个或者起多个,记住带参数就可以了啊这就是我们这节课的内容,重定向和别名,嗯。也会有用到的地方,但是呢,也不是说那么太频繁,只是简单的去使用啊,所以呢,了解一下。
我来说两句