spring.datasource.username=root spring.datasource.password=123 spring.datasource.driver-class-name=com.mysql.jdbc.Driver 5.7、解决跨域问题 这里使用的是用配置类的方式。也可以在后端相关Controller添加跨域注解@CrossOrigin实现。 package com.example.demo.config; import org.springframework.web.servlet.config.a...
1. 准备工作_OAuth2.0(官网地址:开发流程) 本步骤的作用: 接入QQ登录前,网站需首先进行申请,获得对应的appid与appkey,以保证后续流程中可正确对网站与用户进行验证与授权。 1.1 申请appid和appkey appid:…
引入BootstrapVue,并把路由注册到Vue实例中(就是倒数第2行,作为创建Vue实例的参数,注意这个很重要,不然路由功能不能正常使用)。 3.9 登录组件 也就是Login.vue,内容如下: <template>用户名密码
1.1、登录界面 1.2、添加路由 1.3、引入ElementUI美化界面 1.3.1、安装Element UI 1.3.2、引入 Element 1.3.3、使用ElementUI美化登录页面 1.4、引入axios发起请求 1.5、前端相关配置 2、后端开发 2.1、统一结果封装 2.2、登录业务实体类 2.3、控制层 2.4、业务层 四、登录功能完善 1、后端开发 1.1、拦截器 1.2、...
用户登录loginController ``` package com.itheima.controller; import com.itheima.pojo.Emp; import com.itheima.pojo.Result; import com.itheima.service.EmpService; import com.itheima.utils.JwtUtils; import lombok.extern.slf4j.Slf4j; import org.springframework.beans.factory.annotation.Autowired; import ...
groupId> <artifactId>junit-vintage-engine</artifactId> </exclusion> </exclusions> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot< 1. #数据库创建和数据添加 后端的数据库我们用到了mysql,首先需要我们创建数据库名字cxzc-vue,然后执行如下命令添加数据。
Vue2 + SpringBoot 本地前后端联调(简单登录) 前言: 后端:IDEA + SpringBoot 前端:VSCode + Vue2.x 1. 前端 1) vue 创建项目: vue create login-debugging(建议使用管理员身份打开cmd,到指定目录) 使用 空格 来选中,后续选择不进行演示了,下图蓝色字体就是进行的选择。
这两天开始学习使用Vue实现前后端分离,以下内容实现了简单的登录操作。 开发工具和环境:VS Code、IDEA、Maven、Jpa、Mysql 创建vue项目 1.我是使用vue-cli来创建项目的,首先是安装vue-cli。 npm install vue-cli -g 2.cd进入你存放项目的文件夹下,创建helloworld项目 ...
1、创建SpringBoot项目,创建User表,由于是通过Vue编写的,所以是前后端分离,需要跨域,我这里编写了跨域配置类,还有redis的util类,返回的封装类,cookie的util类,文末有源码提供,可以自行提取。 2、yum配置文件 spring:redis:database:0#redis的默认数据库为0host:127.0.0.1#链接redis的ipport:6379#链接redis的端口号...
登录的信息通过表单请求后台,后端服务器判断用户账号密码正确之后,根据用查询结果、定义好的秘钥、过期时间 生成 token ,返回给前端,前端拿到后端返回的 token ,存储在 localStroage,前端在采用导航守卫在每次路由跳转时判断 localStroage 有无 token ,没有则跳转到登录页,有则请求获取用户信息或者进行转跳,实现登录。