00:01
好了,各位同学,那咱接着继续了。最后呢,昨天咱们是完成了登录注册的一部分,对吧,就是把基本的静态的组件以及一些简单的请求是不是做了。对吧,那所以说啊,咱们呢,把昨天的一些重要的地儿呢,老师呢得说一下。那就说啊,在昨天的时候,其实咱们主要做的活就这几个地儿登录。注册,那当然咱们先做的是谁注册,那这里呢,老师呢也去写一下子,那这块呢,咱也稍微复习一下。这个老师呢,就直接给你放在最底下了复习。那首先说啊,昨天呢,咱们主要做的这几件事,第一个是完成了什么,完成了登录与注册的静态组件。但是在这个静态组件当中,咱们知道了几个小就是。
01:02
S文件夹叫A。S文件夹它可以放什么?说放组件共用的,哎。共用的静态资源。静态资源。还有一个呢,就是在CSS当中。是可以书写什么的。书写这个爱的符号,但是别忘记前面加一个谁。是不是想过了?对吧,那当然,那咱们昨天先完成的,谁先完成的,是不是应该是这个。注册,因为你注册了之后才可以打。是不是才可以登录啊。对吧,那所以说昨天老师也说了的,咱们这些表单验证。先做吗?不想做。对吧,那所以说这块老师呢,给你标记一下,就是咱们的这个呃,表单的验证。
02:00
咱们暂时没有怎么的处理。也就说在咱们的最后一天的时候,最后一天啊,最后一天统一什么处理。那以及呢,昨天呢,咱们这边其实已经完成了,你输入一个手机号,比如说来一个120。对吧,你点击。那是不是可以获取相应的这个这个叫啥呀,验证码,而且是几位呢。六尾的记住啊,验证码要么是四位,要么是六位。对吧,那以及当然还有什么什么输入密码,对吧,和这个确认密码。对吧,当你一点完成啊。是不是跳登录呀。对不?看一下那应该是注册过了对不?所以说这个咱换一个吧,随便来一个吧。对不啊走是不是跳到登录了,那你登录之后还记不记得咱们在。昨天中午的时候,其实做的最晚,最后的一件事是。
03:03
做完成的动作。对不就是您可以在这输入你的用户名和你的密码是完全的。对吧,我老师的这样的吧,咱正好认认真真的去注册一个,比如说136。六六数下的二四、678、90、11。对不获取个验证码。之后呢,再来个登录密码123123走。好,注册过了,嗯,咱这吧,再来个七呢。三四五六七八九十十一,这后面放个一。对不啊,走。这么咱们。多少密码是啥,1238注册一下。又有啊,那这个吧,这个老师只能放大招了,随便来一个158。杀了吧,234。
04:00
几个呢?六个9987。十个一。对吧,11个这玩意你再再再再注册过了,那你就每天领走。对不,那注册完事之后,咱是不是就可以。登录,但登录是不是做了。对吧,而且要么成功要么咋的是吧,那假如说老师输了234,那是不是失败。对不,哎,那所以说啊,咱们的昨天做到哪做到了登录这里,而且登录咱大概是不是也完成了。咱们可以看一下咱们的这个组件是不是登录,你看看。登录这里,咱是不是可以发请求。看这。那如果说请求成功之后,是不是跳转到后。对吧,那当然咱们在呃V当中是不是有个叫做user lo这边还记得吗?啊,这个是不是咱们可以获取到用户的,谁来的,是不是ton。
05:02
对不对。那当时老师也说过,咱们这个重要重要,因为将来要带着是。是你这个用户的唯一标识,将来咱们是要拿着token找服务器要啥,要我个人信息的。OK吧,好嘞。那以及啊,昨天呢,老师呢,还说了一件事,这件事真的很重要。就是三一定要记住V叉,它存储数据是持久化。存储数据是非持久化,你会发现昨天老师一刷新,很多仓库当中数据是全文。对吧,好了,这是他大概说一下。好,那咱们呢,一个一个来,那咱先做第一件事。登录过后,老师问你首页你是不是要展示用户信息?哎,这句话对不对?啥意思啊,你看这。举个例子,当老师输入完用户名,幺三七三四五六七八九十十一走123456,这个老师很早以前就注册过了。
06:10
你一点击登录走,老师问你这还能显示登录注册。不能,你应该写是谁?是不是应该是用户的信息以及退出的。对不,那也就是说这块的结构是死的吧。不是吧?老师,你就这块的结构是死的吗?不是吧?它有几种,两种。登录与未登录,如果有用户名,我是不是展示用户名,你没有我是不是显示登录注册。这懂不懂?这个理解。那也就是说你从登录的路由组件13713几137吧,三四五六七八九十十一找密码123456走,当你一登录的时候,你是不是从log in跳到哪。
07:03
跳到后当中。那你一跳到后当中,老师问你,你这是不是得展示用户信息了。对不对,对吧,那咱来呗,那你如果想获取用户信息,老师问你,你是不是还得向服务器发请求。而且得拿着谁找服务器要用户信息头。对不,那所以说咱们先看一下走,有没有这个接口,有看一下。在老师给你们的这个接口文档当中,最后一个应该不是倒数第三个。可这,这是获取用户地址信息,不是它。看这这。添加了token校验获取用户登录信息,用户登录只保存用户的啥token这句话老师是不是说了?因为咱们登录的时候返回的不仅仅只有token,还有用户名什么的,但老师说过咱是不是要拿着token找服务器要用户的信息。
08:03
所以说咱们的接口有没有有这就是咱们接口什么请求概念。那这个老师呢,给他复制一下啊,就C。咱给他捞回来。找你那老师说你你是不是还得写上。你想想吧,如果你一登录,你在home组件当中是不是要派发一个action?没有一叉,是不是得发请求带着偷找服务器要啥用户信息组建一疗导服一展示。对不对,对吧,那所以说咱们先写什么。是不是先写API?找你,那咱找这到这来一个。那这块是谁呢?这块是不是应该是咱们的获取。获取用户的信息。但一定要切记。一定要提醒自己需要带着身体。
09:01
哎,需要带着。用户的通向服务器。要啥要用户信息。用户信息,但是你会发现一件事,咱们这个接口有让咱们在带多余的参数。没有,那你说怎么能带给父亲?是还是请酒桶啊?就像咱当年那个UUID是不是请求头带去。偷也是。OK吧,那所以说来,那咱去写一下这个接口,那首先说地址是谁。就是这个URL是不是它。诶,不是。老板是这。复制一下。以及什么请求呢?Get,那咱也拿一个呗,Export cost,那咱叫REQ。
10:02
User。需要代餐吗?这个接口需要查吗?不需要,因为你看的没有数的那个说明。对吧,那所以说来咱就直接把它长大。是不是带走API的药?不要,所以这块A错了啊,走这是不是咱来个request。这就是谁啊,是不是URL啊。那当然别忘记写谁,MY。为什么为?那你说写完了API写什么呀。是不是写三连五环的?那三连环是不是得找咱们的?Store代表谁?邮政。对不?那你看吧,这是咱获取验证码,还有点印象吗?这是啥?用户注册是不是点这个按钮。
11:00
是这个按钮对吧,那以及这个啥是不是咱们。昨天写的是登录,当然咱又来了一个啥,获取什么。获取用户信息。那这个呢,咱也给它来个名字叫get user in。那当然你是不是得用那个接口,那个接口咱写一下,这应该叫啥叫。REQ。User音符。对不,那这块呢,你是不是就得发请求了。南北叫r EQ user info。那这块你是不是在等待着这个返回的结果?A with,这是谁?Think,那这块呢,你是不是得接收人家返回的结果?老师你你说这个安史什么时候开发?就是获取用户信息。什么时候拍的?
12:01
什么时候拍的?就是说你说这个安置什么时候派发。你是不是在哄?Mounted。是不是加载完毕之后。发一次发一次action是不是捞这个数据。这能想通不能吧,那咱看一下,那咱为了看一下它返回的是什么,咱们先咋的。打印一下,打印一下行。老师,你就这个action在哪发,这能想通啊?你是不是应该在后脑。当home mounted找你。是一个找服务器要用户信息。对不,那咱们看一下来,老师在这儿control。C。找到谁,找到咱当年写的那个组件。Will下谁?Home。走,咱先按照这种想法先去搞,走来找一下。
13:03
那咱是不是这了嘛,对不,那这来。先做一个小笔记,这干啥?是不是应该是呃,获取用户信息,在首页是不是展示。哎,首页展示。那应该是this.dollar到点dispach是不是就这。对不,那咱们呢,老师呢,从头都给你打测一下。看这先看能不能拿到用户信息。来看这那首先说你是不是得先登录。对不幺三七三四五六七八九十十一走123456。登录。说老师你登录了,但服务器的接口为什么返回的是未。现在老师问你,你是不是获取不到用户信息,为什么?
14:03
老师刚刚也说了,你想获取用户信息,你发的是不是哪个请求,是不是这个请求。你一定要注意你需要带着谁上去。因为服务器知道得知道你是谁,我是不是才能给你反馈相应的信息。而你现在的请求头当中只带了谁?UUID,这是不是零,是什么?是游客的身份,你的偷有答案。没有,所以说你没有带,夫妻认为你没登,你拿不到。用户的信息,这能能理解吗?能不能理解,能因说白了,你现在虽然是登录。但是你没有把谁带给服务器脱开,他不知道你是谁,他没办法给你返回,无信息,这能懂?那咋的,老师问你,你说咱这一课现在有没有同感?有没有同感?咱们有没有偷有,所以说每一次发请求的时候,你把谁也带上。
15:02
老师问你找谁?找谁?是不是找这个请求拦截器呀。对不对,还记不得当年这块咱咱搞过这玩意儿。对吧,那这块你也得涨。是不是得判断,是否有啥判断,就是你比如判断了需要谁。携带偷看带给谁?服务器。对不来呗,那你是不是还得判断。老师问你,咱现在偷窥是不是也是存储于仓库道?那咱这儿是不是得搞了,咋搞。Star。点儿。Stay的点。user.token如果你有我请求,是不是得带上?Come。fa.hi点这个字段叫token。老师再说一遍,像的ton这个字段能下线。
16:01
不能,因为服务器它是需要通过这个拿到。等于啥?就等于它。对不对,CTRLCCTRLV。那这回咱们再测试一下。来看这老师都从头来。走。来,咱们也先盯住仓库,先看一下现在有没有偷看。哪有啊,你没登录呢。老师问你,痛感什么时候才有呢?你登录的那一刻,仓库里面是存。对不对。对吧,你看现在是没头,咱没咋的呢。没登录的,你登录的时候是不是才。你们湖南人对不对,对吧,所以说来咱们看一下。走来老师现在先登录。幺三七三四五六七八九十十一走123456。
17:07
登录。来,咱们先看能不能拿到用户信息。以及你看一下这次请求。有没有带头?掉。这能懂吗?能不懂,说白了。你想得到用户的信息,你需要携带谁给服务器token,而这个token相当于每个人是不是都有属于自己唯一的ton。这能懂不?真的,说实话能够懂。可以吧,那老师问你,你说你拿到了用户信息,老师你接下来要干啥。咱先别说展不展,你仓库是不是得存?昨晚组件是不是用唠叨?是这展示。对吧,那所以说看这。
18:02
你这是不是得三连环?要不要分?要,因为你需要谁。是不是用户的那个信息,来看一下他访问是个什么。对象好,那这块咱是不是就可以三连环了。来搞一下,比如说如果谁蕊造的点扣的等等于。200要干啥?你是不是要提交有commit,咱们就叫做get。User。音否为谁造的点?对不?那当然可密的还有吗?没有。你这个保存这个用户信。用也行,其实不用用。没必要,因为你存储成不成功,将来咱组建一什么。
19:03
对吧。好,那这块呢,当然你想写行不行行,因为咱们前面是不是都写了,咱写咋的。OK,那这块也来个啥。这块个谁。Promise Miss点。Reject,当然你这块的不写,其实它也可以,你有一个谁?L or l为一个选项。Five。那老说你这是在干啥,是不是在提交?用户的啥信息,那咱是不是得存储一下用户信息啊。Kato。C。这是不是得来?那这块是不是就是state这块咱叫user。衣。那就是一行代码,把stay的点user in等于user。In,那当然,你仓库当中是不是得有一个?有点隐,那处值应该是个。
20:00
空对象。对不?先别着急,先打他。来这个这个是不是写错了。看一下啊promise。哎呀,这怎么上来我报错了,行,咱重新测试一下发现了。看一下走8080。他这个从哪儿报的。孔密的Co单词是不是写错了?Com。It,没错吧?上面。这。看一下应该是单词哪块写错了。是这个。这不就是他吗?利索吧。啊,这老师呢,先没事,这个这先先不管了,咱们先看先看能不能拿到谁。
21:00
User看下。行,那这个咱咱咱先不要。直接提交一个啥就行。用吸气。他不是老老提示那个叫啥呀。什么什么来看这先别着急,你先测试什么,你是不是得先测试一下仓库能不能拿到啥一登步。用户的信息,因为你这是要展示。对不,所以咱们测试一下子,走现在师先登录来看这啊走那现在老师问你现在有用用户信息。现在指定没有,你现在要有那就闹鬼了,因为你没登录就拿到用户信息了。看这是不是没有用户信息啊,那咱登录一下看一下。走。幺三七三四五六七八九十十一走123456登录。来,你看你是不是带着头肯拿到旅五西西?对不对。
22:00
这没问题吧?那你接下来要做的一件事是啥?我说你。就这。就这。他有几种老师,你就这块地有几种状。两种,如果没登录什么,没登录老师,你登录了一定是不是有这个用户名。你没登录老师问你。是不是就是登录与注册,那老师你这块是谁的地方。Hi。哎,总额是不是这么回事。所以说一这是咱当年的组件。对不,那所以说咱们找到谁。找到孩,因为仓库当中已经有数据了,你再找一下嘛,找谁找he。说到他。你看他这块是不是应该是有一个叫是不是。现在是不是叫登录与注册,老师问你这块应该有几种方法。两种,你没登录是不是应该显示登录注册,你登录了是不是应该显示用户名和退出登录。
23:01
那也就是说这块呢,它有的时候显示,有的时候不显示你想到了谁。We杠受或者是V-if。对不?那这块的老师就可以怎么来这么看,这你的是不是就是这。求什么什么,是不是。请登录或免费注册,这这这能懂吗?老师给他来个啥?威if。那你说这玩意怎么判断,什么时候应该显示它?你看老师这么说对不对?如果说你登录了。老师说你你是不是能拿到啥。用户的信息。如果用户信息有了,说你是不是有这个用户名。或者他他他是哪个字段。用户名叫啥?叫login name或者叫name,什么都行。对不比,就说如果你登录了,老师问你有没有名字。
24:04
有,那你这怎么判断。你就看仓库当中有没有啥。就看仓库当中这个这个有没有这个。如果没有他登录。没懂,你是不是显示他那登录了,是不是它显示另外一个。对不,那所以说老师问你说这个名字咱用不用。用那岁数咱给他打。计算一下,要不然你就得直接在这写什么刀刀一大堆,说咱们在这呢,你给他咋的?给它计算出来,咱找一下了,这叫横。这个咱就叫就叫做。呃,叫做用户username。可不可以?那这玩意儿老说你用户这名从哪捞呢?是不是从仓库啊,对吧,这个是用户名。啊,信息。这块呢,咱就直接打瑞这点。
25:03
到点。点。User点。看一下,你不要猜了。stop.state.user。第2USER info。第2USER。多少音符第2K,零。宋老师,你为什么计算?你不计算也行,就直接栽枣的?在这写,但是写你长不长啊。长,所以咱稍微给他打计算一下。但是计算归计算,咱们先看一下子有还是哪的没有,来老师登个录,重新刷新一下。看到。那咱登个路幺三几幺三七三四五六七八九十十一走123456。歌唱读。登录之后,咱们看一下组建的这个选者哪个组件开ER有没有这个名字。用。那这块你该怎么判断。
26:03
就是什么时候显示它。应该没有那个用户。对不,所以应该写个啥非。User。Name没有用户名。是不是就没等我,那我是不是就显示他俩不行了,那我说你还得买啥。是不还得来个屁。跟他咋V高。还。Else,你想想吧,老师问你啊,这块代表啥没有啥没有用户名,你就告诉老师他是哪。是为什么?未登录,你是不是显示登录与注册。那老师问你。有用户名了,你猜他是咋的了?登录了,你信不信?对不对,对吧,那所以说这块呢,咱也用两个A表示嘛,一个A,那一个A,这个A显示啥老师问你。是显示用户名。那这叫啥叫叫叫叫啥玩意user。
27:03
Name。那这块呢。是不是退出登录啊,但是咱跟银底一样,人家是不是有一个类名。你看人家这俩玩意中间是不是有一个写,咱是不是已经都了,大家记不记得刚开始他俩中间是不是一个书包,其实就是这个类名,谁是这样。咱给到老。那老师你说基本上应该改写。退不出的。哎,对不对,退出。咱们呢,都重新演示对不对。对吧,啊,但是全都是假象。一会儿再说,来,快点老师重新跑一下。走来看这啊,你看你先把这个逻辑项目盘通,你看再来啊,假如说你注册完是不是要登录登录你看。来先看这啊,先看这先没登没登录对不对。对不对,对吧,哎,回首咱再打,再等幺三几137。
28:03
什么幺幺零三四五六七八九十十一走123456倍。对不?这能想通?能你看走对不对。对不对。全家。为啥?哎,其实现在老师问你啊,咱咱咱咱咱先不提这个假象啊,先宝说你现在这个业务现在这么跑,你你感觉是不是OK的。啊,就现在咱先别管这一刷机用户信息有没有,有没有,就是有还是没有,你就现在我说你现在这个逻辑,你能不能给上。老板娘幺三七三四五六七八九十,你看在哪呢。淡定一些啊,看着你没登录,你随便玩。是不是这个状态。对吧,你随便玩。
29:00
对吧,加入购物车也没问题,对吧,但是你既登录你看啊。幺三七三四五六七八九十十一走123456。走。也没问题吧,你看嘛,用户登录了嘛。用户登录了吗?但老师问你一件事,为什么一刷新。就凉凉。你先不用想,VIVO1叉老师问你说白是不是没有获取到用户信息。那没有获取用户信息的唯一的原因是什么?没有带头感。对不对。你看吧。看哪看network你在这刷新是不是看见了啊。咱就回回到手页,你看老师再刷题。是不是这玩意儿。你看看有拿到信息吗?没有,为啥。Talk没有。那为什么投资?因为老师说过,Voe叉当中存储数据,它不是持久化,你一刷新它就没了,你看老师给你演示,这样你得给我想通。
30:07
你看老师给你演示一下子啊,我重新再演示一下,你看这来我是不是现在是不是没登录呢,看我要登录走。幺三七三四五六七八九十十一走123456。登录。你登录是不是要获取用户信息,老是问你现在有没有带头?以及仓库当中有没有。看一下有没有。也有老师问,你这个土匪什么时候来的?当你点击登录的那个按钮发请求服务器是不是返回偷。是不存储充分了,但是你看啊,老师要咋的了。刷新了。哎,老师我刷新了啊走。对不对?为什么这还想不通,你想想这个什么时候才来的?
31:03
你点击这个登录按钮。你才派发一个X。才向服务器发请求上,你看嘛,你看这个action是这个什么时候来的,是不是咱们在log in这里。找一下找咱们的谁。Log in,你是不是点这个按钮?看你是不是点这个按钮派发的X。对不对。看他的啊,看这。你看你是不是当你点击登录这个按钮才开发这个。你点这个按钮,它才派发,他派发了,我是不是才登录。你登录了才能拿到啥。用户信息偷开,那这是没问题的,你看嘛,举个例子,老师来一个登录1373。四五六七八九十十一走123456,我给你,我给你点击这个登录按钮,我在干啥。我一点击登录按钮,我问你我是不是派发了一个。
32:04
来,等会老师先找到这个地儿,看着咱找到这个log,你看我一点这个按钮。登录按钮。我是不是派发一个X。是不是有落地。这没问题。哎,这没问题吧,而且你点击它派发这个APP叫user login,那咱再找找谁。找谁?是不是找死道当中的,这是不是才派?是不是财发请求?发完请求是不是拿到头看是往仓库一存,那老师问你。这一课是有头坑,仓库也有,但你一刷新,老师问你,我有再次派发。这个X。就没了。对不对。这能不能懂老师在说什么?比如说当你点击这个按钮的时候,你点击登录按钮的时候没问题,你确确实实在哪。
33:01
你确确实实在派发一个action user login。而VVX也确确实实发了一次请求,登录的请求服务器也确确实实返回了数据token,你仓库也是存了,是你点这个按钮。但是你要注意了。幺三七三四五六七八九十十一走123456,但是你要注意一件事,什么事。当老师再刷新的时候,我问你有在派发叫user log action就没了。所以你的是。啥也不是燕子。是不是空了?这能想通不?所以说现在咱们这个通的老师,你现在咱们的这种写法,你认为写的完美。不完美,为什么?它不是持久化。对,就是说白了就是现在咱们的这个你写的OK吗?其实不OK,为一。仓库一清没了,你没了,那是不是就白扯?
34:00
对不到这现在能不能等。能吧,但是咱们一会儿回来再解决,但是现在老师问,你现在跟着老师的思路,咱先不管刷新有没有东西,其实还有很多。就是现在比如说老师一登录幺三七三四五六七八九十十一走123456,我现在一登录展示用户信息,这是登录的。这能能吧,但是一定要注意,一刷新谁没了?Token。对不,那你就没办法再获取多少。用户的信息就这怎么讲通。能想到可以吧,好嘞。
我来说两句