目录

1.前端使用:

2.后端使用:

3.前端页面--登录页面

3.1.在views下新建一个视图，作为登录的视图

3.2.在登录试图视图中，写入登录页面需要的代码

3.2.1.登录页面

3.2.2.登录页面的数据和方法

3.2.3.登录页面的样式

3.2.4.渲染主件

3.2.5.设置路由

3.2.6.跳转页面

3.2.7.运行之后的样子

3.4.8.登录按钮事件

4.后端登录接口

4.1.新建一个springboot工程

4.2.引入相关的依赖

4.3.mp的代码生成器

4.4.运行代码生成器

4.5.配置application文件

4.6.配置swagger的工具类

4.7.创建同一返回的数据信息加swagger的注解

4.7.创建登录参数的实体类加swagger注解

4.8.后端登录接口加swagger的注解

5.登录的bug

5.1.修改登录接口

5.1.1.如果在数据库查询到了用户信息,然后将用户信息保存

5.1.2.将保存的信息给前端

5.1.3.axios得请求拦截器、

6.前置路由守卫

6.1.什么是前置路由守卫

6.2.前置路由守卫的语法

6.3.使用前置路由守卫 --在main.js

7.整合shiro

7.1.添加shiro依赖

7.2.shiro得配置类

7.3.增加一个realm类对象

7.4.新增一个拦截器

7.5.修改controller代码

8.主页得布局

8.1.前端

9.退出登录

9.1.前端

9.2.后端

10.查询左侧菜单

10.2.请求路径

10.3.controller层

10.4.service层

10.5.mapper层

10.6.seriveimpl业务代码

10.7.连表

1.前端使用:

vue + elementui + axios + css + html

2.后端使用:

springboot+mybatis-plus +mybatis+druid+shiro+swagger2+redis

3.前端页面--登录页面

3.1.在views下新建一个视图，作为登录的视图

3.2.在登录试图视图中，写入登录页面需要的代码

3.2.1.登录页面

3.2.2.登录页面的数据和方法