登录注册

714 阅读1分钟

在写登陆注册之前首先需要把自己需要的依赖都装好,此次我写的项目是移动端的,所以用到了antd-moblie中的input以及图片上传的组件。

1. 构造静态页面

首先需要做的工作就是把登录注册需要的静态页构造出来,发现登录注册中其实有很多的input框,所以考虑可以将input封装成一个组件。以后项目中如果有需要用到input框的地方也可以直接使用。

2.input框的封装

封装input代码如下: 2.jpg regcheck方法中进行正则的校验,如果校验通过了就把开关打开,把值保存,如果检测到输入的值为空或者检测不通过,就调用回调输出错误 1.jpg

3.png

3.图片上传组件的封装

详细见下一篇笔记

4.验证码

4.png

5.最后再将所有的东西都放进页面中 一个完整的登录注册就出来了!