vue+element-ui开发通用的登录以及注册页面

  实现登录页面的效果:

        所实现的功能需求就是,通过axios发送请求去验证有不有账户信息,如果有才可以登录,否则不允许登录

vue+element-ui开发通用的登录以及注册页面_第1张图片

有强硬的验证规则,通过后台服务器实现验证用户信息,不存在是无法登录,以及不输入账户和密码会判断为空,也是无法登录。

        在看一下注册页面 

可以通过登录页面上面的账户注册按钮去注册页面查看,实现多页面跳转操作。

vue+element-ui开发通用的登录以及注册页面_第2张图片

         一个相当简洁的注册页面就呈现出来了。这里也有强硬的检验规则,还有发送qq验证码功能等其他验证功能

vue+element-ui开发通用的登录以及注册页面_第3张图片

发送验证码时候就可以开始验证了

 

vue+element-ui开发通用的登录以及注册页面_第4张图片

        废话就不多说啦,代码如下:

 登录部分的:





         注册部分的:





你可能感兴趣的:(vue.js,ui,javascript)