Day11-尚品汇-注册业务下

这篇博客详细介绍了如何在前端通过API接口获取注册验证码,并在用户注册过程中进行操作。首先,在项目的store仓库创建user文件夹,然后编写获取验证码的代码,并在按钮点击事件中调用该方法。在控制台中可以观察到验证码已被成功获取。接着,完善登录与注册的代码,处理用户输入数据,并实现注册按钮点击后跳转到登录页面的功能。整个过程涉及到了前端API交互、状态管理以及用户输入验证等关键步骤。
摘要由CSDN通过智能技术生成

需要获取注册验证码的接口

1.在api里:

  

2.在store仓库新建一个user文件夹专门用来写登录与注册的仓库。

3.把小仓库user放进大仓库里面:

4.在小仓库user里面写代码:

5. 在button处写一个调用方法:

 6.点击

7.看一下控制台捞到验证码了。(其实要到用户手机,但是后台老师省钱)

 8.继续在store仓库里面修改user【登录与注册】的代码:

9点击一下 

10得到了仓库的code数据,

11.在组件里面拿到仓库的数据:

1》在Register组件中:

2》在Register组件中: 

 11.的效果图:

12.仍然在Register组件里面:

1》在data配置项放一些响应式数据

 2》用v-model绑定输入框

13.点击注册按钮跳转到登录页面

1》

 2》在Register组件里面:

 3》观察一下注册用户的api文档:

 4》写api接口:

1)我的写法

 2)老师写法:

5》写仓库 

6》在Register组件中:

1》---2》--3》--4》--5》--6》的效果图:

14.进一步处理

1》在store仓库的user中

 2》与1》上面的配合

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值