Project1_02_SpringBoot+Vue===＞邮箱注册登录+短信注册登录

一、项目环境

1. 前端页面：Vue
2. Project SDK：JDK1.8
3. SpringBoot版本：2.2.5.RELEASE

二、项目演示

1. 项目源码：shoppingProject01_pub : version2.0
2. 项目参考：Project01；狂神说_阿里云短信业务实战；不良人_前后端分离的员工管理系统；不良人_Vue全家桶
3. 项目运行注意事项：同Project01
4. 项目运行过程：

Step1：运行，输入网址: http://localhost:8989/salierilogin/login.html，得到图1所示的页面：

图1 登录页面
Step2：点击“邮箱注册”，得到图2所示的页面：

图2 邮箱注册页面

邮箱注册页面保留了Project01的邮件发送注册功能。
Step3：点击“手机注册”，得到图3所示的页面：

图3 手机注册页面
手机注册页面实现了当点击“获取手机验证码”按钮时，给相应的手机号发送验证码的功能。

三、主要模块说明

1. 邮箱注册模块的说明：
   在Project01的基础上做了如下改动：
   1.1 将原Mapper目录下的文件分解为com.salieri.dao目录下的UserDAO文件及resources.com/salieri/mapper目录下的UserDAOMapper.xml文件。
   1.2 以前后端分离、更好地控制前端页面为目的应用Vue框架改写前端页面。

2. 手机短信注册模块的说明：
   Step1：访问腾讯云申请“短信签名”和“短信正文模版”，我新建了一个微信公众号进行申请，每项申请平均需等待两小时。
   Step2：参考JavaSDK代码模版，引入到我的项目中实现短信发送功能。

3. 数据库说明：
   与Project01一致，如图4所示：
   

   图4 mySQL数据库
   
   
   在本次实现中，“email”列含义为用户名，既可以为邮箱地址又可以为手机号地址。