springboot - vue-element-admin 整合,修改原有的登录退出

说明

  • 本次使用的到的数据均为假数据,并未使用数据库。
  • vue文件中的方法调用注意看文件的引入。
  • 其中有些使用伪代码的方式。

前期准备

  1. 创建一个spring boot项目,
    项目结构如下:
    在这里插入图片描述
    说明:
    config:
    GlobalCORSConfig:配置vue-element-admin与springboot之间的跨域请求
    model:
    vo: 返回给前端的实体对象。
    po:service 与dao之前传递的对象。
    service:接口层
    impl:service接口的实现层,其下的类需要实现service中的接口。且顶部加入注解 @Service
    controller:控制器层,接收前端数据和响应数据到前端。

跨域请求解决:
GlobalCORSConfig代码如下:

package com.example.demo.config;

import org.springframework.stereotype.Component;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Component
public class  GlobalCORSConfig implements WebMvcConfigurer {
   
    @Override
    public void addCorsMappings(CorsRegistry registry) {
   
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("POST","GET")
                .allowCredentials(false)
                .maxAge(30);
    }
}

或者在控制器的方法上加入注解 @CrossOrigin,如下:

	@CrossOrigin
    @PostMapping(value = "/doLogin")
    public String doLogin(
            @RequestParam(value = "username") String username,
            @RequestParam(value = "password") String password
    ){
   
        if (StringUtils.isEmpty(username)) return ResponseUtil.error("用户名不能为空");
        if (StringUtils.isEmpty(password)) return ResponseUtil.error("密码不能为空");
        String resStr = "";  
        return resStr;
    }

导入下面的依赖。

<dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId></
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小张帅三代

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值