00:00
大家好,在上节课我们处理了登录之后,诶跳到这个蓝牙页,那么呢,跳到蓝牙页呢。其实还有一个问题,什么问题呢?我们跳到蓝源面,这个是不带参数的,那么如果我们有些页面带参数怎么办?比如我访问的是这个商品的详情,那么势必要带上这个商品的这个ID的,如果我们在进行地址回跳的时候没有这个ID,那么就会出现一些问题啊,举个简单的例子啊,当然我们现在没有页面,就是我现在是来到了这个商品的这个详情页,对吧?那肯定是要带着这个商品的这个ID那。现在我点击收藏没有登录对吧,跳到了登录啊,接下来登录之后,诶回跳到这个详情,但是这时候ID就没了,丢失了。是不是这样的,好,接下来我们要处理一下这个ID的问题啊。那我们为了方便测试,我们就直接在首页来测试,测试通过之后。我们再去修改那个工具的那个代码啊,啊,找到我们首页这里啊,那我们就在这测试啊。嗯。好,我们的测试代码。那首先我们得拿到这个当前的啊这个页面对吧,这个路由top,好,我们来看一下conso.log哎,我们当前的这个页面。
01:17
找到斯洛。好。这里面啊,有我们打印的,就是最后就是当前看到这个页面的一个对象那。我们就拿这个页面来模拟这个商品的详情,一般详情的话,我们会在后面加上一个问号,ID等于什么?对不对?ID等于啊,比如说幺幺啊等于IDV11的商品,这时候我们来看一下我们这个参数在哪呢?啊,找一找看它在哪里放着哦,在这个option里面放着呢,看到了吗?对吧,如果我们有多个参数,比如说按一个嗯,这个salt啊排序,等于这个一啊可以看到它都会把我们的请求的这个参数给我们收集到。啊,这个options里面,Options里面也就是说我们想办法啊,把这个options里面的这个值给它取出来给它,哎,连接成这样的一个格式就可以了,啊连接成这个以问号的格式把它连接起来就可以了。
02:12
对吧,嗯,需要注意的一点是这个参数是不固定的啊,参数是不固定的,而且而且呢,也可能是没有这个没有这个参数,接下来我们来刷新一下,看不传参数的情况下是什么样的啊。来,我们把这个给删掉啊。哎,不传参数,这个option死了。就是一个空对象对吧,对象。当我们诶传了这个参数,诶问号。ID等于一啊,传了它这个参数的时候,就会有这个参数。好,我们来写一下啊,首先我们来获取一下这个office啊,Op p ks等于啊。配角。这个边量我们换一下是卡配给啊,卡配给第2OPTIONS那。
03:05
接下来怎么做呢?我们获取所有的这个选项的K啊,所有这个参数的K,参数的k cost object k等于object加KK。哎,这样我们就啊。得到了啊,这个这个option的所有的这个K,我们就假定我们的这个参数是ID等于一啊,那这个时候呢,实际上我们就拿到了一个ID对吧,是一个数组得到了一个这个ID,如果呃,没有参数的情况下,那就是一个空数组对不对,所以呢,这个时候我们可以对它进行一个判断啊if。哦,不kiss啊,想认。啊,不等等于零啊,就是是有值的,那么我们这里来进行这个计算啊。
04:03
嗯,定义一个这个啊,在这里先定义一个这个啊light。啊,他。等于什么呢?等于。等于一个空字符串啊好。那接下来我们让这个apartment等于什么呢?啊等于啊,我们去遍历啊,遍利这个数组啊,这两个数组便利哪个都可以便利它法我们看啊使用啊,Reducer有个计算属性啊。它会呃,便利每一项,然后嗯,它有两个参数啊,两个参数一个是啊P啊上一个计算的一个结果,还有一个是。这个他啊。就是当前的一个值,当前的一个值,它要给一个第二个参数,第二次给个默认值,默认值我们就是啊给个问号,从问号开始连接,那我们的这个apartments就等于谁呢。
05:01
等于啊,上一个的这个值,第一次的时候那就是问号啊,连上这个谁。连上啊这个。ID也是我们这个K啊,我们这个K,嗯,那我们这里直接就遍利这个K吧,变利这个K啊,也就是说连上这个啊current当前的这个K好再连上谁呢?连上这个等号啊等号。啊,再连上这个Y6,相当于就是问号ID等于Y6是谁呢?Y6是从这个option里面去获取。从office里面去获取这个Y6啊,那传入我们当前的这个K就能拿到这个Y6对不对,因为有可能存在多个参数对吧,所以最后我们连个and符去连接各个参数。这样的话啊,它的计算结果就会给到这个参数,那我们来打印一下这个,看一下是什么样的。好来保存看一看啊。找到我们的这个首页啊,现在呢啊,我来重新刷新一下,我们有个ID等于一。
06:03
诶,安迪范的,那我们是。这里定义的apartment等于。他。啊,这里写错了,这个是加等于。哦,对,这个应该是return啊,Return我们的这个条件这个写错了,好来我们来看看啊。是不是得到了问号ID等于一一个and符啊,注意这个函数它最后是return啊,不是我们在里面继续写就是return就可以了,Return好,那如果我们有多个参数的情况下,比如这里我们再来一个and name等于。啊,Tom来是不是就是你看问号ID等于1AND内部等于Tom,但是呢,最后是不是多了一个这个对吧,我们把最后一个这个给删掉删掉删掉,最后一个删掉怎么办呢?啊。使用这个啊点。SI啊CSL啊,我们要去除的是最后一位的它对吧,所以呢,这里给个零,我们从下边零开始,但是这里我们给负一啊去。
07:00
倒着去分割,好,这时候我们再来看一下这个结果来刷新,你看这个是不是对了,最后就没了,那当我们只有一个ID的时候,好,它就是一个问号,ID等于一,当我们是空没有参数的时候,它它就是个空字符串。对吧,那最终我们让我们的跳转的这个路由,诶跳转那个页面连上我们的这个参数就可以了,是这样的,好,那我们测试没问题,我们就把这个代码啊给它复制一下,改一下我们路由跳转的这个工具啊。嗯,我们这里这里写到这里,写到这里。好,嗯,那这里面呢。我们这里用到了current page里面的root,实际上我们是可以把这个option和root啊同时可以解构出来。结构,把这个材也给解构出来。清楚这呢,我们就直接写这个root就可以了啊,直接写root这里呢,就不要带这个点option啊,这个我们就都删了。获取页面路径和呃请求参数。
08:12
啊,那我们在缓存的时候啊,缓存这个跳转路的时候,就应该让它去连上啊这个apartment。前面是页面对吧,后面是我们处理后的一个问号,什么ID点什么啊,这样连上。好,这样的话缓存就不会有问题啊,那接下来。嗯。我们来做一个测试。啊,把这块先改一下吧,这块像这种写的加号连接比较多的时候,推荐大家使用这个E这个模板切块看起来啊比较舒服一些,这里给个等号,等号后面啊不对,是一个。战后。连上一个等号连上一个。
09:03
Options里面的。啊,Current这个K啊,最后再写一个and floor就可以了,你说我们把那个加号呢,都转成了这种ES的这种模板字符串啊,这样的一个形式。好,我们来怎么验证呢,就是我们要触发一个啊带ID的啊带ID的。就是我们要在一个带ID的页面去触发这个缓存啊,那我们还在首页的测试啊,首页的测试找到这个手链。那这里呢,我们把这个都删掉啊,那我们直接在这调用这个点dota u优点。有里面的。你是老鬼?啊。保存我们来看一看啊,现在我们是。看一下这个。
10:02
缓存的情况,缓存的这个情况啊,缓存的这个二是没有带这个参数的,对吧,我先把它给清掉,先把它给清掉啊。清除现在啊,我回到这个首页啊,Index里面的index,但是这时候我就带着参数的ID,等于我们把它想象成一个商品详情或者其他页面就可以啊,ID等于123啊好接着回首页,首页呢会跳转到这个登录,那我们主要是看我们缓存的这个地方是不是带个ID等于二三,这样的话,这个地址我们再进行回跳的时候就不会出问题,好,那我们来登录看回跳到这里是不是还带着参数的啊SA看123123。好登录成功,然后跳转回来,注意这个地址是不是带着这个123123呢,对不对,好,那我们的啊这个。登录之后的回跳,包括带参数的也跳转完了啊,那这里后面为什么多这个按等一等呢?是因为我们是跳到这个这个首页,这个浏览器自动给附加上的,我们只要看这个back UR,我们这里记住的没问题啊,就可以这里记住是没问题的啊。好,那这小节我们就到这里。
我来说两句