00:00
好,那下面呢,我们就要去写东西,写东西的话,首先第一步是先要想清楚我们有哪些什么状态需要管理,懂吗?你只有有了他以后,你才好设计别的。好,我们刚才分析过了,我们首先有一个已经弄好的什么确定好的经纬度值啊。这么懂啊,新维读接着是我们要显示的三个数据是吧?三个数据第一个呢,是我们的地址信息叫什么address,那开始了这个公对项。这能不能看到啊,这个地址相关信,相关信息等一下能不能看到,接着是什么,下一个好,我们上一次好像不叫这个名字,我们主要是啊,我们当前。最好一致啊,什么意思呢?大家看到这个这个接口我们取的名字叫叫foot types对吧,那如果你这个里面取的types,那它。
01:06
这个名字就最好不要叫,其实这是同一个意思,Category也是一个分类的意思。要不然你要想用这个名字,那你怎么办?但是你想用这个名字,你就千万别两个名字都用,什么意思呢?就是说如果我们现在就是我们的这个state,就想用这个名字,对吧,觉得这个名字特别好啊,是个宿主,这不代表了我们的什么食品干嘛分类,是不是宿主啊,啊数组,那如果你取了这样一个概念,那有一个地方就最好改一改,哪个地方就这个。只是这个稍微长一点。能说一是吧。能看到啊,你要不就用我们前面那个名字,同意最好同意啊,别一会太好,一会拍的这样不太好,没问题吧,没问题啊好。
02:04
那我们可以去继续啊,继续的话就是我们还有一个什么商家的宿主,商家我们有一个统一的名字啊叫什么。是不叫说会呀,商家不叫说会吗?我们那说不死呗,啊或者叫商家或者叫商铺嘛,都不是一个东西嘛,对吧,嗯,商家的速度,嗯是吧,好。那确定好这些东西后,我们针对这三个数据是不是都有一个从后台获取数据来接收返回的数据?懂不懂从后台获取接收,那这个时候啊,我们的这个type应该要要确定下来了。也就是说我会对我的这个数据进行什么样的操作啊,是不是重新赋值。这个不,我不从后台得到了数据吗?把这个数据覆盖到这个默认数据吗。
03:05
哎,这个时候我们会有一些统一的名称,大家看着啊,叫port啊,我们都叫一个概念,Receive什么意思?接收懂不懂啊,接收接收什么呢?这是接收什么地址能么看到这一看你就知道啊,这接收不是服务器获出来了吗?接收一下行了,说白了就是重新复值。啊好,除了这两个还有接受什么。是不是那个categories,诶这个单词怎么写,哎,有点忘。就这一个。
04:03
就他啊实物就短的写啊,因为这挺长的,就是它的了好。这能看到对吧?好,下面一个是接受什么商家对吧?商家商家的数组,这个是呃食品不对吗?啊是啊,是食品分类啊数组啊对吧?那下一个是接收呃商家或者商铺对吧?都是一个意思啊,商家数主对吧?来这个地方,那我就写一个什么商家shops。这个能不能懂啊,应该能懂啊,这个也没什么难度,好那个这个应该也能写的吧,这个写法很固定,大家看到吧,看看在这个里面呢,需要去引入什么,是不是所有的mut type。
05:07
是干什么引路啊,来都叫。Receive address,这是一个吧,Receive categories,这是一个吧,还有一个receive,什么shops,没问题吧,没问题啊,好在这里面是不是就应该有三个方法,而方法名是不是用这些名字怎么写来着?对上来,把这个中考给记住了,这是比较特别的地方,对不对?好参数有哪些,还记得不?State吗?还有呢,你想想看,这个方法是用来接收一个的。那说明你要什么?是不是要传过来一个address?Address是一个地址相关信息的一个对象,是从服务器获取的。懂不懂,但获取我获取吗?不,我就是去接收一个值,你给我一个值我就保存,而且还记不记得传的是这玩意。
06:09
对吧?也就是说action跟mut交互的时候传的是什么包含数据的对象,我要传的数据是HS,对吧?但是不能直接传HS,而应该传什么包含这个H的什么对象?真懂吧?这也是比较特别的地方,下面这个做法倒不比简单,是state减等于没了好了。能懂吧,啊,其实很轻松的一个事情,那下面的事情其实跟这个什么是不是很像啊,啊极其类似,只是需要改一下名,那这个我们可以叫什么名字。是不是就叫categories,可不意思可以,那我这边就写的什么。
07:04
Categories等于categories,大家注意啊,千万别写错了。对吧,一定要是这个名字吧,别搞错了,大家看看是一样的吧,嗯,没问题啊。是一样的吗?是啊。好,下面还一个receive shops,那我接受一个什么shops对象,对吧?接着把它们都改成什么?说简单吧,并不难,主要这里面注意啊,我要接受的是包含数据,我要传递数据的什么对象?好,下面稍微难度大一点,但也并不难。我的安全是这里面应该要有三个能够跟后台交互的,100能不懂能懂,那所以我要引入一点东西,其实这引入东西很固定啊,非常非常固定,我跟你说你这个肯定是要引入的,这个type是肯定要引入,这是必然的,而且这个引入啊跟跟这个mut是什么一样的,所以说你都不用重新写了,能不写的就不写了。
08:19
对,不必然还会引入什么啊,对,我们的AI接口函数对不对,所以我要去退出一下,找到API从中取出。Address是吧,接着什么啊,这个吧,先来这个,因为从上往下嘛,我们一共三个。能不能看懂,那这个地方也会比较多,所以呢,我还也按照上面的这个。把把它做一个做一个分,呃,做成多行的,这样看起来好一点,统一嘛,这东西比较多,能懂吧?好,那下面我们是不是要去定义三个异步action。
09:06
对不好,第一个是异步获取什么地址的action对吧,一步获取地址吧,能不能下面是不是还有两个,接着一步获取食品分类数组列表吧,一样对不对。就能不懂好一步获取什么商家列表对吧?好,那下面我是不是要去定义一些名字来。写什么呢?Get啊get什么adjustment,名字很好的对不对。能看到吧,好,那这个里面还记得有什么。啊,大括号对象里面有一个什么commit,哎,后面是不是加个可能会传参数啊,参数得看有还是没有对不对,先别急着写。
10:05
吧,好,还记得我们这里面有一个基本流程的。还记得不,首先第一步发送一步什么请求。对吧,接着完成之后呢,是不是得到一个结果,根据结果啊根据。嗯,最后简单来写的话,就是去提交一个什么,是不是提交一个M啊,一个啊M就这么个事啊,最后我返回以后好来啊写。写啊发送异步和这请求调谁去。就它呗,对吧,好,那我得看一下看什么呢?看一下我的这一个它需不需要参数,需要是需要一个基哈希由纬度逗号精度组成的一个字符串。
11:07
是不是这意思啊,这个能懂啊,好,那下面啊,我就传一个这个呗,说白了。是吧,那传一个这个,那我得是准备。啊,准备一种啊,我不传能不能得到。你说现在数据在哪呀?是在组件里面吗?不是,如果是在组件里面,那就应该传过来,对不对,那但是现在实际上在哪个里面,在state里面。是不是意思,也就是说我现在是不是要从state里面去取。那怎么从state里面取了?其实这个里面他除了教给你好,还教给你什么。能不懂,那你说我下面干嘛呀,是不是使state先得到它的,还记住啊,这个有个顺序,这个有个顺序,有个结构对吧?先是什么纬度,嗯,这个要注意一下啊,先是纬度,接着加一个什么逗号,接着再次取它的什么精度啊,别写错了。
12:25
所以我稍微复制一下能不看懂好了,能的话,那我们现在是不是可以发请求了,那下一步就要想我们如何来获取响应数据的问题,对不对,那获取响应数据这个地方就要看你怎么样去用promise啊,一种方式用什么promise点认对不对,另方式用什么a think a which,前面已经讲过了啊,写啊可以直接上除在这里写个什么啊这。算不起了吧。不在了吗?啊写ayc是吧,嗯。
13:06
接着在这个左侧写个什么wait,接着再在这个左边去接收这个数据,呃,这个数据怎么命名呢?Result结果数据。能不懂,而这个结果数据是什么样子,我们完全可以去看,谁去啊,接口文档对不对,我们时刻在写作中间,时刻要把接口文法打开的去看它返回的是一个什么样的数据,是不是就这样一个结构啊,也就空的为零的时候,是不是就说明我得到好的数据了。那我最好是能判断一下什么意思啊,If result.code等于几零,那我是不是能够去取出一个什么东西呢?那个对的什么意义,等于result.date下步干嘛去提交一个什么mutation,那我就干嘛commit没有填写好了。
14:13
需要一个名字receive。接着。对象对啊,里面塞address诶这个名字能随便写吗?不能,因为我们mutation的这边已经什么写好了。对吧,其实这个很固定,说白了现在是这么写,我告诉你下面我所有的我都这样,只是要改名。能懂吧,啊,我们下面就去改名字啊,这个这都好改名字啊。呃,这个不是去或就写开吧,或者写的开都行啊,就写开开格瑞可以吧,好那下面啊一点看啊,这个获取的是下面还有逗号是吧。
15:12
来啊,把这个这个不要了,这个re EQ for需要参数吗?看看看看就知道是不需要啊,那不需要得了,不需要我们就直接往下写了,对不对,好得到一个结果这边这这得到结果这个名字。就叫什么CATEGORY4对吧,CATEGORY4接着啊CATEGORY4。美女吧。OK,好,那这个就也就这么搞定了啊,大家注意啊,别别漏掉了。那你说这个不要了吧。
16:00
对吧,要的你说也没多大影响,但是最好不要,咱都不用了。下面这一个获取的是什么?Shop对吧?获取shops,来我们获取shops这个也不要了啊,我们来看一下获取shop wait。啊IEQ这一好,这需要什么。是不是要精度和纬度?有没有看到需要精度和纬度两个参数啊,这两个参数我们那个刚才不说吗?这里面是么?是不是有的呀,这个是这个是精度来一下。那我提前先要把这个经纬度先给它什么,是不是取出来再还来一个纬度,哎,刚才把这个搞一下。等于。
17:01
是吧,好,这边一个是啊,这里注意,因为我是传两个参数,所以一定要什么有顺序看得出来,不一定要有顺序,而我这个地方先应该穿什么精度,再去传纬度,那么懂啊,这个得到一个结果,接着扣的好,这个结果的值是什么?消化使,消化使接着。So。诶,这个里面怎么每个都有一个获取异步获取地址啊,这个这个不要啊。是吧,这是一不会地址不在这有吗。没吧?嗯,那这样的话,我们。
18:01
整个BX里面相关的一些东西就都搞定了,来下面呢,我们简单测试一下啊,看看行不行,测试也很简单来啊,比如说我们一上来是不是有可能要获取地址信息。对吧,那我们来测试一下,比如说我在APP里面获取一下,那这个是不要了吧,这个不要了啊。这些是不是也不要了?那我们取谁去?是不是某有?啊,甚至可以不要啊,这些都不可以不用啊,你直接直接就拿我们那个,还记得我们怎么样去触发某一个X调用吗。This,多福诺Dis,来个名字吧。对吧,而且我的这个需要传递参数吗?看一下传参数了吗?没有没有的话,那我现在就13是什么。
19:01
是不是就可以了,这个能不懂,我们当前这个APP里面是不是就已经发了一个请求获取S。啊,你说我最终去看,我到底去哪看可不可以了,哎,好像现在有问题。嗯,说哦,有一个事情我没做啊,这个是舵没有什么没有注册。是不意思尺多没有注册,也就是我们把这些都写好了,是不是注册,所以要干嘛去注册尺多。点斜杠十度,那直接把这个十度放在上是吧,这一个相当于是不是一使用上谁是不是X,而这个相当于用上谁用上啊,使用上什么没杠是不是就一旦使用上他们是不是就会产生特定的一些结果啊,这个结果我就不再写了啊,前面我们都写过好。
20:08
来啊,下面我们来看一下。水星我通过这上面也看不出来呀。啊,好看,请求。对不对,那看请求只能说明我的请求是不是成功了,那代表我的VX写好了吗?那也不能代表我的VS学习好了,看什么?看我们的view的工具,这是要重点啊,刚才我问题就是希望大家能够知道我们最终需要去看它。这个不懂,切换到VX,需要去看一下这个数据有没有。有有就说没问题,而且我们把这个数据可以跟我们的接口文档里面的数据啊,稍微做个比对,看结果对不对,对不对,基本上对的,你前面不测过接口吗。没问题吧,诶你看用上V还是不难的,好,这是这个。
我来说两句