085-尚硅谷-尚品汇-注册业务下

好了。那这块呢，要注意一件事，举个例子，比如说你输入一个手机号。你点获取验证码是不是得发请求。对，不但是你发请求的时候，老师问你要不要带手机号上要后台拿到手机号，他会把相应的验证码直接推送到用户的手机上。这件事是不需要前台做的。这能躲不？能吧，那所以说你得找接口有没有，这接口有。在咱们前台项目这个资料这个A文档当中是有获取验证码这个接口，要注意。我再说一遍，我上课的时候已经提出提提醒你们了，要注意。你看这。在这个，在这里面有没有获取验证码的那个接口，看一下。第几个？第15个不是他。OK吗？我再说一遍，你晚上自己练的时候，诶，健身房怎么获取不到，我说了这吧，不是。

是谁是第一家？因为这个接口是出现问题了。第15个这个一定要注意，不用的是用的不是他是谁，是退出登录，它底下是不是老师又要钱流了泪。获取验证码。能记住不？好，能记住啥，记住老师把这个接口我给你放到笔记当中。一定要注意别用15的那个啊。所以这块一定要注意四点几，4.2这个市场获取。验证码的这个接口地址。你别到时候晚上结果用错了，怎么捞都捞不到，什么请求。GU。那所以说咱们得先咋的了，先请求。对不，那所以说看这。咱还得写个接口，什么接口获取啥。

验证码。所以说他的请求的地址URL是。以及钙的请求。要不要带走？明显看他带上是不是带的是手机号，那咱来。X po底。啊，不是cost，叫REQ。Get cold要不要带？带带谁for？那就是request。之后咱们的URL是模板字符串。把它往里。一扔，当然你这边得加个谁。那这块什么请求。那你说请求写完了写啥呀？是不是写仓库，但老师问你是不是又是一个模块。老师把登录与注册这两个模块合为一个草。

可不可以？可以吧，所以说咱们需要回到哪，回到这儿来把这个名字。拷贝一下，因为一会要用。回到咱们的仓库当中。咱们还得来一个模块。这回老师叫叫user.gs。不管是登录还是注册，我用的是同一个模块。这一道题，这是啥？这是登录。与注册。到模块。他俩没有一个。那当然，你这里面是不是也是那那几样东西。Stayed。比patience。Actions。和gus。对不？那当然你是最对外。Export dat state mut。

Action和gets。完事了。你这是一个小仓库，你是不要在大仓库，是不要进行合并。那还是要到盐。Part这个叫啥user for点盖。是。当然你别忘这里面是不是要注册一下。对不？好了，老师给他格式化一下。那仓库也有了，你说接下来干啥？是不是要发请求啊，你是不是得写action那些东西来看这。那咱们呢，得找到谁找到咱们users，那咱这块写一下在这。这在干什么？获取？验证码。清明白就是盖扣的行不行？行吧。那咱这块老师问你啊，你将来是不是得引入这个请求引号是他。

For。爱的API。那你是不是得发这个请求？提示啊，老师给它关一下。那你是不是得发请求，那发请求要不要代偿？带带点是不带手机号，所以这块你得先谁占位commit。对不，那再来个谁。Four。对不？那首先说这里老师说一下正常情况。你获取验证码，这这一点，这个按钮说白了是不把手机号带给服务器，其实服务器就会把短信发给谁。用户。但是咱们的后台有这个能力。没有。啊，他会以结果的形式返回给你。OK吧，那所以说咱们可以看一下，你看老师给你来个叫r EQ get扣，你是不是要带，是不是带这个手机号。

当然，你是要等待他。成功的结果这再来谁think这块一定要注意lie一个谁result。咱们呢，先打印一下，你打印你是不是得触发这个action什么时候触发。点，那所以说咱回到哪。这老师先给他打。点love谁？Result。那咱们先去找到咱们的这个组件。Views下的这个注册是不是。是不是找到这个获取验证码，给他绑个啥事件艾click。这是不是就第一次？错了，到了。Start Dis dispac dispach可不可以？哎，同志们，可不可以可以把这个get cold带谁手机号谁for。

可以吗？啊，好，那咱们先试一下子走。看这老师输入一个手条139139。999999，我也不知道是几个二四六八十缺一个九。看这走。对吧，但是你要想明白一件事，咱这玩意做法取决于你们。假如后台是不是真的这个数据，其实说完这个验证码应该是发到哪。用户的手机上这件事你就想是咱前台做。不是。是后台会通过一些手段，比如说阿里云是有这个功能的，还有什么中国建网都有这个功能，可以让后台实现给手机用户推送验证码。但是现在咱们后台他没有做这件事。因为你推送一条，可能前几条是。免费，但后面是要花钱的。是不是咱们后台做的一件证啥事，是不是给咱返回了一个验证码。

那看你们想做的做法。第一种做法是。打开控制台。假装掏出手机往这呼。或者是自己搬就上。还是直接让上得了。听懂了。这能走能吧，所以一定要注意，正常说这个验证码应该返回过来。不应该，应该是到谁的谁的手机是用户的手机上。那所以说这块一定要切记。老师呢，在这里给你做一下笔记。就是咱们获取验证码的这个接口啊，他把什么返回了。他是把。验证法怎么的？验证码返回了，但是。返回。但是正常情况啊，应该是什么样的，应该是后台。把啥，把验证码发到哪。

发到用户的啥手机上。一句话，咱后台为了俩字。是钱。就是直接给他反应过来，这这能懂吗。就是如果说发到你手机上没你想那么难，后台也有几条代码配置，配置几条代码就完事。OK吧，但是咱现在是不是能拿到验证码，而且你看验证码是几位的。六位，因为老师有说过，验证码要么是常见的，要么是四倍，要么是六个。OK吧，那咱将来想在主页当中要不要用这个验证。要用，所以说咱。就咋了。问一下三连环。所以这块咱们就做一下吧，就是如果咋的，就是如果。咱们的这个伪造的点。扣的等于多少？等等于200。咱就咋的commit一下，这块要正常说你这块就啥都不用做了。我再说一遍，如果说真的能后台把验证码发到用户手机上，你这块还用再写吗？

不用了，你就等着啥，用户看见完是不是自己输入。真的，但是咱现在说玩不行，咱自己处理一下。Call me的谁？咱接着get cold，那应该带着是不是造的点对点。对。对不啊。那当然，老师问你将来这个在这个组当中，要不要知道成功什么。要成功了，我是不是把验证码往上放。对吧，那失败出给的提示对吧，那咱这块也给他特上。OK。对，不OK，那当然还有谁else。那这块啥。A promise点。一个。L。对不，那当然咱这个验证码呢，咱就这么做，直接在仓库当中存一下，直接展示出去就行。好吧，那所以说那咱这你是不是得修改SPA叫get。

那这二谁是不是stay？这二谁cold？那这块就是stay的点，扣等于扣的，那这块是不是得来。验证码的起始状态应该是空。看看的是不是控制不错。对吧，好了，那咱们呢，先别着急，你先打的。测一下。看谁，是不是看仓库。盯住这。是user。团长。老师来一个，其实你写一一都行。你好，走。有吧？仓库有了就有。组件，组件是不是可以捞到金展？所以对不对，对吧，那所以说回到哪，回到这儿，你这块能这么写。你是不是得知道他的成功与失败，是不是得写出来开，所以得写啥？

回调。对不对吧，那所以这块咱写这块咱们就叫做呃叫get。靠吧。对吧，那所以说这块咱得来一个methods。这块老师写这是获取啥。获取。验证码，那这块呢，是不是叫get cold。对吧，那这玩意就在这点Dollar。到点的斯。那个叫什么叫，就叫get。啊，改口要带谁？手机号Z点谁否这块咱还是最基本做一个判断吧，虽然咱没有做那个正则验证，至少你是不是得有个手机号。这块咱就先简单判断一下，这你至少得有个啥。至少。有数据吗？需要有点东西嘛，这烫死一个谁。

这块等于谁，是不是等于Z？比如说呃，如果你有手机号的情况下，比如phone存在的情况下，你在哪就在放。这这这能看懂吗。他为真说咱执行后者假是不不执行是吧，那这玩意谁是不是就否。这能看懂吗？那这块呢，要注意咱是不是在等待着他的啥。结果A为这块咋看？A think，那这就可以打try catch。Try catch。周老师稍微给他格式化一下对不？那如果成功了，老师问你，你要干啥。就是如果获取啥，就是如果获取到啥。获取到验证码。验啥验证码，咱是不是直接让自动填。那就把组件身上这个扣的是变成仓库的那个。

所以说你怎么办？就是将组件的code的属性值变为啥数，变为仓库的仓库中那个验证码是不是就直接展示就行。就是这点后的等于啥。这点Dollar。Star。是对的点，优着点。好像是。不是，咱一会儿会再看。对，不试一下。老师说你我啥都不说一点行吗？不行吧，因为咱是不是至少做了一个简单的判断，你输个123，其实他也能。有没有？对吧，老师告诉你，你们写的时候别给我这么写。因为你们记不住。懂不自己在写的时候，这点到你别搁那自己想。给我打印出来再看行不？说老师那你咋我能记住，你们记不住，给你打印出来，应该说这点到了到点。

Stay是分模块，Stay向user，则点Co。对不？所以说你们自己在这自己在写的时候，就是咱们现在的处理就是直接让验证码就咋的了。验证码直接自己打的。自己填写吧。但是正常应该这么做。不影响正常，其实啊，就一句话，你在这发个请求就到了。就是这你想获取验证码，其实。到哪就行。来找一下users for。发个请求就完事，剩下你什么都不用管，剩下等啥。等用户掏出手机看验证码是不是自己写。这个能不能懂。可以吧，好嘞，知道。那底下还有还有还有这个登录和确认。那正常说是不是他俩得一样，是不是才能注册对不？那老师你这两个数据要要手机。

要因为以前我注册的时候，他至少除了手机号谁也得知。验证码还有谁密码，要不然我怎么知道你这用户的用户名和密码，一下子登登录。对不，所以说登录密码这你的数据要不要手机。要就是这咱还得等。这老师现在这你这是不是还在手机。今老师给他折上啊，还得收收一。立马。立马咱就啥帕。Word起始为点为空，再来一个还有叫password word1说老师这玩意也要收集吗？你得有远瞻性，将来一点击的时候，你是不是得判断他俩咋的，是不是一样，这能懂不是不他也得收集，那以及老师问你这玩要不要手机。要为啥你勾时候才能注册，你不勾。不行的，你必须得同意。对不，那老说你说他这块绑的值应该啥，要么是真。

要么是假对不对，对吧，那所以说这块咱也得来，这是密码，这是啥，是不是确认密码。确认密码还有个啥，是不是这个叫是否。就是是否同意同啊同。同意这个协议。咱们很多网站公开之后，你公是才能注册。对吧，那同一英文叫啥叫。上来咱就就假装。咱就让他默认。同意，就你勾不勾都得勾。就这些玩意咱先不处理，这懂了。好，那咱们这块得收集，你收集了来你看这啊。你看这咱得找密码是哪。是不是就这。对不，那这块得来个啥V高。Model为啥password？还有啥确认密码是不是就这。这玩意we got model等于passor几一？

还有个啥是这个。在哪呢，在这呢，现在他必须得哪。必须给我勾上，必须同意。懂不？啊，因为咱们先不考虑这东西，咱们先把什么先盘。You。就这些表单验证很简单，还是那句话，好吧，那老师问你啊，假如说你输入手机号1866666666666，我也不知道几六。我一点击是不是获取验证码。验证码获取到，你是不是得输入密码。对不，哎，上面没有给我发的啥呢。不合不合理啊，他这玩意儿。这个咱给他来换换。叫帕斯。对，不叫passwd，那这块应该换成谁。别到时候输输把我的那个密码全输出去。对password对吧，你看。你输入完手机号，比如说189叉叉叉随便写的，我获取验证码，你是不是得写写密码。

你这是不是也得写密码，他俩如果一样一点击注册，注册完老师问你干啥。老师问你完成注册要不要发请求？要，为什么？你是不是得把这个手机号。验证码。登录密码，你是要给服务器。为啥？因为服务器是不是要存储，因为你下次登录的时候是不得用。对不对，那所以说老师说你你一点击完，完成注册，老师说你啊。咱先考虑逻辑，你是跳到登录还是跳到后首页。就是你注册完了是跳到登录页面还是到后面。收到。哎，对不对。所有的网站是不是都是一样，你看嘛，你这个逻辑效果盘头。你要举例子，我现在是不是要注册。随便来一个，随便来一个，当然这个这个你必须得到。

我手机号多少1151啊，不是185，我手机号多少185。151312，你看举个例子，我现在获取验证码。能换取吗？你看别人登录密码。你看我现在完成。当然没注册，因为这个这应该可以提示这已经注册过了。来个185啊，随便来一个。你看如果你注册成功了，当然获取接什么，如果你注册成功，你看是跳动。你是不是得自己再登录一遍，是不是跳到首页，这能相同吧，但是你要明白一件事，什么事是这样，你完全注册要不要发起？要成功，是不是要跳到？登录失败是要比跟体制对不，那所以说你要给他保握啥。点击事件对不？所以说咱找到这个这这个按钮，老师把这结构先给它合上。

你应该找谁，是不是找这个按钮去完成注册，他在哪呢？宝宝事件艾特。Click，那咱这用户注册叫user re GI提啊，用户注册有这回叫。没有，没有怎么办，写呗。所以说这块老师给你写的这是啥，这是不是应该是进行用户的啥注册。那老师问你啊，你将来是不是要发请求？那你得找啥？找借口。来看这咱找一下。是登录吗？不是吧，是注册帮老师也盯一下。啊，这呢注册用户。对不看一下子地址，是不是他什么请求。Boss，你看是不是带带带带，记几个参数，手机号是不是要带上去。密码和验证码，说老师他为什么要带验证码。你注册的时候是不是看你这次验证码说的对不对，你对了是不是才给你注册，不对，是不是再给你个提示对不？所以说来咱们先写什么老师问。

先写谁是写这吗？不是吧，先写API你看吧。对不，所以这块来，咱再搞一个这块，我们给他整出来啊。好多啊。这块这块应该是不是注册的接口注册。那这块咱写的吧，就是URL。是不是他？对不什么请求。Post。那你要带上是不是带手机号。带验证码，带密码。对不，咱写呗X part。Cost咱就叫啥叫RQ。User。Re，啊，是用户注册。老师问你要不要代餐？

要代餐，其实他带的是几数三，其实你到时候带一个啥，带一个对象就行了，咱就要对的行不行。行不行行吧，那这块是不是就request。那这块是不是URL地址是谁，地址是不是就是它。这，但他的路径当中没有提示。对吧，那你说谁可以带。Data。诶，对不对。是对的还是？贝塔吗？啊，KV一致省略谁？省略V对吧，以及还有谁MY请求，什么请求。那我说你写完了接口写啥。仓库，因为你得知道你这次注册的用户是成功了。还是失败了对不？所以说来看这，因为咱们现在你只写接口，还没发请，请求在哪玩，是不是在仓库。咱找找谁？

Star是这。看这在这儿，咱给它打开这干啥。是不是进用户用户的啥呀。注册呀。对不，那这块咱叫啥，咱就叫做user。Register res。这块一样是单位横密，他要不要带咱？兄，你说得带个啥？对象，因为它是不是有三个字段，所以这块咱就咱们就叫做。叫啥？OB勾。这不好听吧，对的吧。或者叫user。音符就叫user行吗？是个对象，那这块将来是不是要发起，发起是不是得用到那个接口。哪个接口？叫REQ。提很难。就是他。是不是就是他？对不，那咱给他捞回来是不是就是它。

那你看你这块的，你是不是就得发请求，Re EQ。什么什么user是不是他啊，不对，Re EQ user。是不是他，你得带谁？User。那老说你注册可能是成功，也可能是失败，你是在等待他的成功的结果。A wait这块来个谁？A think这块咱是不是得接收他的啥？结果。先别着急，咱先测试一下，你看它返回的是一个什么东西。那如果想测试他反result是什么，老师问你，你得咋的？派发action。在哪开发是不注册这。点击这个按钮。这能跟上吗？对吧，因为你现在没有派发action，没办法发请求，所以说咱找到谁。找到咱的。谁views下的这个re，是不是是不是这个回调。所对不是不是派发action，但你要要不要带参要那咱是不是就解构出来就行了，带谁for。

还有谁code，还有谁password，还有谁password，咱先简单判断一下，因为至少密码一和密码二得相等，是不是才能注册。对不？别玩手机了。对不对吧，那以及还有谁。还有谁？啊，Agree不用了，那玩意没用对吧，这四个是不是就够了，等于谁这。那这块你是不是要派发action，就是this.dog stop.dispach那个action叫啥忘。照一下。找这。CTRLC咱给他老要不要带带带一个参数，要带的是是不对象得带谁。Four。

Code和password，但是你要发请求之前要注意点啥事，你至少得简单判断一下。你得判断啥，首先说第一个你的phone的手机号你得有。这分空且且然。你的这个的也有。且且啥且，你的password等于谁？PASSWORD1稍微写，简单判一下，如果这些都是真，你是不是再发请求？这样这样能看懂。给它们变成一个整体。就是前面全都符合，是不是才能执行后。哎呀，这个这个这个老师真不想写衣服，你看这这能不能看懂，哎呀妈这一格式化。到时别格式化，你看咱们学过雨或非吧。前面为真，是不是才知行后者前面是假了。

后面就拜拜了。对不是这能看懂吧，啊好了，那咱们看一下。看走。好，再来一个123走没问题吧，密码是123123。走。好家伙没注册这玩意我没注册是吧，110。我估计应该也被注册了吧，走你看吧，因为咱咱咱的那个学生太多了。嗯。181518多少？186。11612636，这我媳妇手机号。我走，假的。因为真的假的啊，是不是成功了。OK吗？老师问你是不是成功了，那你成功了，老师问你，你要干啥？跳转到登录也失败了，是不是给你提示那老说你。

老师问你啊，你看这儿。他是不是成功了，有数据吗。没有。老说你他不回证据数据，是不是正是因为他只是需要让后台的。是不给人家说让人注册一下就完事了。所以到时候咱这需要三连环吗。不需要，但是你这需要给返回。成功与失败的结果。诶对不对，对吧，因为啥如果成功A是不是要跳转对吧，比如说如果咋的。如果你的蕊造了点厚的。等等于多少200，那还是同样套路一个啥，OK？那否则。啊，不OK，你不OK，那不也是也是叫不OK，那不也是那啥吗。那不也是这么对吧，叫promise。

点Jack这块是new一个ER or？是不是这个。这能懂不？老师再说一遍，就是咱们现在不需要三连环了。为啥？因为他根本就没有反馈啥数据。对不，那这块你需要成功与失败，那你看这老师问你，你要干什么。就注册这。就这。是不是得try cash成功，是不是跳转失败，是不是提示，所以这块你得打，你这得加谁呃。这是加给谁，我think。哎，老师再不这这真能看懂啊好嘞，那这块就可以咋try catch。对不就是B格式化。格式化每个卡。如果成功。诶，那咱要干啥了，陆游。

陆游。跳转跳转到哪。是登录啊，你逼我下调是不是登录。对不，那所有这玩意咋的。是不是叫这点Dollar？Router。RO特点。护士。护士的告。No。啊，错了啊对。对不，这不登录吗？现在是不是在注册这。好，那咱看一下刷新。来，那老师呢，连一下网，你得有网，没网了就凉了吧。来看这走。再来一个。来个手机号。这是习大大。166。666666，我也不知道对不对，是吧，获取验证码。密码123123。

对不？对吧，那你还得试一下。这是第一夫人的手机号，188888，哎呀，反正就这玩意儿啊，咱还没验证呢，懂吧，这叫随心所欲，你就搞一玩意啊，走，假如说这次验证码。不对，是不是不对。这五条。是是不是不跳，哎，不跳咋的。At a。Message。对吧，因为有的时候，因为咱们这玩意儿是是让人家的这个这个啥呀。这个验证码是不是直接自己填，用户是不是有的时候说可能填错。你填错，就比如说我填个啥，填个一。你看嘛。对不？这能懂？这当然，你这不想谈这个摊。失败也行，懂不，但是不是就失败，这能懂不啊，好了，刚刚是几呢，明白。

走，是不是就过来。对不对。啊，当然注册的不是你想那么简单的，还有别的事。我说了这些咱先处理嘛。不处理，你先琢磨啥业务逻辑？OK吧，表单验证这件事很简单，好吧？