涉及的功能图如下:
准备工作
1.1相关模型
1.2导入sql文件
其中的表有:
- tb_user:用户表
- tb_user_info:用户详情表
- tb_shop:商户信息表
- tb_shop_type:商户类型表
- tb_blog:用户日记表(达人探店日记)
- tb_follow:用户关注表
- tb_voucher:优惠券表
- tb_voucher_order:优惠券的订单表
1.3导入后端项目
将源码复制到idea工作空间,然后用idea打开即可
修改application.yaml文件中的mysql、redis地址信息改成自己服务器或者虚拟机的ip地址
启动项目后,在浏览器访问:http://localhost:8081/shop-type/list ,如果可以看到数据则证明运行没有问题
1.4、导入前端项目
将资料中提供的nginx压缩包解压复制到一个不带中文、特殊字符和空格的目录,例如:
然后在这目录打开cmd窗口输入start nginx.exe运行nginx
打开chrome浏览器,在空白页面点击鼠标右键,选择检查,即可打开开发者工具:
然后打开手机模式,访问: http://127.0.0.1:8080 ,即可看到页面:
短信登录
2.1基于Session实现登录
发送验证码:
用户在提交手机号后,会校验手机号是否合法,如果不合法,则要求用户重新输入手机号
如果手机号合法,后台此时生成对应的验证码,同时将验证码进行保存,然后再通过短信的方式将验证码发送给用户
短信验证码登录、注册:
用户将验证码和手机号进行输入,后台从session中拿到当前验证码,然后和用户输入的验证码进行校验,如果不一致,则无法通过校验,如果一致,则后台根据手机号查询用户,如果用户不存在,则为用户创建账号信息,保存到数据库,无论是否存在,都会将用户信息保存到session中,方便后续获得当前登录信息
校验登录状态:
用户在请求时候,会从cookie中携带者JsessionId到后台,后台通过JsessionId从session中拿到用户信息,如果没有session信息,则进行拦截,如果有session信息,则将用户信息保存到threadLocal中,并且放行
流程图如下: