页面一：手机快速登录
业务逻辑：不需要注册，直接输入你的手机号，然后获取一条验证码（当你点击获取验证码的时候，会请求一个接口，后台会获取到手机号，然后随机生成6位或其他位数的数字，然后 ‘手机号’+‘生成的验证码‘ 保存到redis 缓存里，过期时间可以是一分钟），然后填上你收到的验证码，然后连同手机号一起发送给后台，然后后台 根据你填写的手机号，和填写的验证码，跟之前在redis缓存里保存的值进行对比，相同则通过。
注意：
---有的时候会在快速登录页面之后让你输入用户名和上传头像（如下图），输入之后直接跳转到【我的】页面，将用户名显示到头像下面。
页面二：账户密码登录
业务逻辑：密码登录就是 输入账号密码，然后后台根据输入的账号 来查询当前输入的账号的信息，用当前账号的密码和你输入的密码进行对比，相同则通过，否则就是密码错误
页面三：找回密码页面
业务逻辑：
由密码登录页面点进来，填写手机号，点击下一步的时候，ajax提交后台查询是否存在此账号，如果存在（如果不存在则给出相应提示），随机生成六位数字。将六位数字发送到该手机手机账户，并且将手机号+六位数字添加进redis中（设置超时1分钟）。用户提交手机号+验证码+新密码，与redis中手机号+验证码进行比较，相同就将数据保存到数据库中。否则返回对应的提示信息。
页面四：注册页面
业务逻辑：
添加手机号，点击发送验证码的动作是利用ajax将表单中的手机号码发送给后台，然后随机生成一个4位或者6位的数字验证码。将验证码发送给手机，并且将手机号+验证码保存redis中。用户填写完验证码提交后台，与redis中数据进行比较。相同则跳转到设置用户名（不同则给出提示），设置好用户名直接跳到【我的】页面。
无页面五：第三方登录，微信、QQ、微博、邮箱等。
网站接入:总体流程
QQ登录OAuth2.0总体处理流程如下：
Step1：申请接入，获取appid和apikey；
Step2：开发应用，并设置协作者帐号进行测试联调；
Step3：放置QQ登录按钮；
Step4：通过用户登录验证和授权，获取Access Token；
Step5：通过Access
Token获取用户的OpenID；
Step6：调用OpenAPI，来请求访问或修改用户授权的资源。
参考网站：https://blog.csdn.net/qq_33854869/article/details/75644092
原文地址：https://www.cnblogs.com/songjn/p/9492666.html