项目笔记22（尚品汇）

Revin
188 阅读1分钟

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第17天，点击查看活动详情

登录注册(一)

登录注册静态组件

首先引入登录注册静态组件。 效果如下所示 在这里插入图片描述

在这里插入图片描述

注册业务

获取验证码

表单验证先不处理 首先完成验证码的功能，先收集数据，然后利用接口获取验证码

在这里插入图片描述

在这里插入图片描述

书写接口

在这里插入图片描述

接下来给登录注册新建一个仓库user，并注册

在这里插入图片描述 在这里插入图片描述

接下来书写vuex三连环以及在注册页面发送action

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

此时可以获取验证码

用户注册

当点击完成注册后，页面应该跳转到登录页面，并且还需要将注册内容存到后台中。为了完成这个功能首先还是先书写接口

在这里插入图片描述

接下来还是同样的vuex三连环

在这里插入图片描述

注册页面派发action

在这里插入图片描述

此时注册功能完成

登录业务

登录同样需要收集数据发请求，然后如果正确界面进行跳转。

在这里插入图片描述 在这里插入图片描述

接下来同样书写接口 在这里插入图片描述 在这里插入图片描述

在这里插入图片描述

avatar
文章
阅读
粉丝