页面一：手机快速登录

 

 

业务逻辑：不需要注册，直接输入你的手机号，然后获取一条验证码（当你点击获取验证码的时候，会请求一个接口，后台会获取到手机号，然后随机生成6位或其他位数的数字，然后 ‘手机号’+'生成的验证码' 保存到redis 缓存里，过期时间可以是一分钟），然后填上你收到的验证码，然后连同手机号一起发送给后台，然后后台 根据你填写的手机号，和填写的验证码，跟之前在redis缓存里保存的值进行对比，相同则通过。

注意：

---有的时候会在快速登录页面之后让你输入用户名和上传头像（如下图），输入之后直接跳转到【我的】页面，将用户名显示到头像下面。

 

 

 

页面二：账户密码登录

 

 

 

业务逻辑：密码登录就是 输入账号密码，然后后台根据输入的账号 来查询当前输入的账号的信息，用当前账号的密码和你输入的密码进行对比，相同则通过，否则就是密码错误

 

 

页面三：找回密码页面

 

 

 

业务逻辑：

由密码登录页面点进来，填写手机号，点击下一步的时候，ajax提交后台查询是否存在此账号，如果存在（如果不存在则给出相应提示），随机生成六位数字。将六位数字发送到该手机手机账户，并且将手机号+六位数字添加进redis中（设置超时1分钟）。用户提交手机号+验证码+新密码，与redis中手机号+验证码进行比较，相同就将数据保存到数据库中。否则返回对应的提示信息。

 

 

页面四：注册页面

 

 

业务逻辑：

添加手机号，点击发送验证码的动作是利用ajax将表单中的手机号码发送给后台，然后随机生成一个4位或者6位的数字验证码。将验证码发送给手机，并且将手机号+验证码保存redis中。用户填写完验证码提交后台，与redis中数据进行比较。相同则跳转到设置用户名（不同则给出提示），设置好用户名直接跳到【我的】页面。

 

 

 

 

无页面五：第三方登录，微信、QQ、微博、邮箱等。

 网站接入:总体流程

QQ登录OAuth2.0总体处理流程如下：

Step1：申请接入，；

Step2：开发应用，并进行测试联调；

Step3：；

Step4：通过用户登录验证和授权，；

Step5：通过Access Token；

Step6：，来请求访问或修改用户授权的资源。

 

参考网站：https://blog.csdn.net/qq_33854869/article/details/75644092