网站后台登录注册登出交互图

1. 注册交互

注册页面
访问注册页面地址: http://127.0.0.1:8893/register.html

注册页面.png

填写注册信息
输入注册账号、二次确认密码、图片验证码后,弹框注册成功。

注册成功.png

注册成功跳转
确认地址后,调整到会员中心页面:http://127.0.0.1:8893/user.html ,会员中心页面已有jwt token,鉴权成功,返回user信息。

会员中心页面.png

2. 登录交互

登录页面
访问登录页面地址: http://127.0.0.1:8893/login.html

登录页面.png

填写登录信息
输入登录账号、密码、图片验证码后,弹框登录成功。

登录成功.png

登录成功跳转
确认弹框后,调整到会员中心页面:http://127.0.0.1:8893/user.html ,会员中心页面已有jwt token,鉴权成功,返回user信息。

会员中心页面.png

3. 退出登录

访问会员中心页面:http://127.0.0.1:8893/user.html

会员中心页面.png

二次确认退出登录。


二次确认登出.png

退出登录成功。


退出登录成功.png

确认弹框后跳转到首页(无需鉴权),可重新注册和登录。


首页.png

你可能感兴趣的:(网站后台登录注册登出交互图)