登录页面实现
其他页面的实现可以到github上克隆下来
login_interface
login_server
一、用户登录
1、密码登录
讯享网
流程：
- 用户输入密码；
- 表单使用正则验证用户名和密码格式；
- 点击登录，对密码进行加密，并发送登录验证请求；
- 后台验证用户登录信息是否正确；
- 正确则生成token返回至前端，否则提示用户名或密码错误。
2、忘记密码
流程：
- 输入手机号；
- 表单正则验证手机号格式；
- 点击获取验证码按钮；
- 后台验证手机号是否存在；
- 存在，则生成验证码，加密后保存在服务器session当中，否则提示手机号不存在；
- 获取到验证码并输入；
- 输入新密码；
- 点击修改密码，验证码和新密码加密，发送修改密码请求；
- 从服务器session里面取出验证码，进行手机号和验证码验证；
- 正确，则修改密码，否则，提示手机号或验证码错误；
- 修改成功，跳转至登录界面，否则，提示修改错误。
3、验证码登录
流程：
- 输入手机号；
- 表单验证手机号格式是否正确；
- 正确则进行下一步，错误则提示手机号格式错误；
- 点击获取验证码按钮；
- 后台验证手机号是否存在；
- 存在，则生成验证码，加密后保存在服务器session当中，否则提示手机号不存在；
- 获取到验证码并输入；
- 点击登录，对手机号和验证码进行格式验证，然后验证码加密，然后发送验证请求；
- 从服务器session里面取出验证码进行验证；
- 正确，则生成token返回至前端，否则，提示手机号或验证码错误。
二、用户注册
流程：
- 输入注册信息；
- 表单正则验证注册信息格式；
- 点击注册，对密码进行加密，发送注册请求；
- 注册前需要验证用户是否已经注册；
- 注册成功，跳转至登录界面，否则，提示注册失败。
注册还涉及到对注册信息的脱敏，比如手机号，身份证号码等等这些信息的脱敏，但是这里我没有实现这个功能。
三、涉及技术
前端：react，antd，axios
后台：node.js，express
数据库：mysql
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/48070.html