09 登录注册

一、模态登录组件

二、模态注册组件

三、登录业务分析

1、多方式登录

"""
1）前台提供账号密码，账号可能是 用户名、手机号、邮箱等

接口：
后台只需要提供一个多方式登录接口即可 - 多方式登录接口
"""

2、验证码登录

"""
1）前台提供手机号和验证码完成登录

接口：
前台填完手机号，往后台发送校验手机号的请求，如果存在继续，不存在提示注册 - 手机号存在与否接口
前台点击发送验证码，将手机再次发送给后台，后台将手机号通知给第三方，发送短信 - 手机验证码接口
前台点击登录提交手机号与验证码，完成验证码登录 - 验证码登录接口
"""

四、注册业务分析

1、验证码注册

"""
1）前台提供手机号、验证码、密码完成注册

接口：
前台填完手机号，往后台发送校验手机号的请求，如果不存在继续，存在提示登录 - 手机号存在与否接口
前台点击发送验证码，将手机再次发送给后台，后台将手机号通知给第三方，发送短信 - 手机验证码接口
前台点击注册提交手机号、验证码及密码，完成验证码注册 - 验证码注册接口
"""

五、汇总

"""
多方式登录接口
手机号存在与否接口
手机验证码接口
验证码登录接口
验证码注册接口
"""

六、模态框功能

1、首页登录模态框显示消失

1.1、写一个Login组件

1.2、在Head中导入