Vue框架的登录和注册前后端分离代码

详细代码见下，数据库字段根据代码需要建即可，不用写的过多
链接：https://pan.baidu.com/s/1RrkleKwkb7QcYDGoqTcZTA?pwd=8888
提取码：8888

一、注册

（1）数据库表结构

添加一条数据，手机号或邮箱号和密码，并获得主键id

添加一条数据，将用户表中获得的id填入简历信息表的user_id，并获得主键id

添加一条数据，将用户表中获得的id填入速写简历信息表的user_id，并获得主键id

修改一条数据，将将速写简历信息表和简历信息表的主键id修改进用户表中

（2）entity实体类

与数据库字段名保持一致

（3）mapper层

1.User

（1）接口

（2）XML

获取主键

useGeneratedKeys="true" keyProperty="id"

2.Resume

（1）接口

（2）XML

3.Smalresume

（1）接口

（2）XML

（4）service层

1.接口

2.实现类

@Transactional(propagation = Propagation.REQUIRED)/*事务的传播机制(Spring特有的)*/

（5）Web层

（6）Vue层

二、登录

（1）数据库表结构

主键设置了非空、自增

（2）entity实体类

在实体类中只需要关注这三个属性即可

（3）mapper层

在mapper接口中写一个方法，一个是查找手机号和密码的，一个是查找邮箱和密码的

在mapper的XML文件中写对应的sql语句

（4）service层

在service接口中写一个登录接口

在这里先进行判断，登录页面输入的内容是手机号还是邮箱
然后，根据输入的内容调用对应的查询方法

（5）web层

将登录的账号的用户对象存入session里

（6）vue前端

在前端对账号输入框进行输入内容判断
根据输入的内容是否包含@来判断是手机号还是邮箱号