1天搞定SpringBoot+Vue全栈开发

最新推荐文章于 2025-10-03 01:02:46 发布

原创

最新推荐文章于 2025-10-03 01:02:46 发布 · 2.4k 阅读

21 ·

CC 4.0 BY-SA版权

文章标签：

#spring boot #vue.js #java

文章详细介绍了SpringBoot的开发环境热部署、前端文件上传、拦截器配置、Swagger接口文档生成。同时，讲解了Vue的组件化开发，包括axios的使用、ElementUI的集成以及VueRouter的路由配置和嵌套应用。

一、SpringBoot基础

1.开发环境热部署（无需重启服务器，自动编译）

a. 首先在pom文件中加上依赖：

<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-devtools</artifactId>
   <optional>true</optional>
</dependency>

b. 然后在配置文件application.yml文件中开启热部署：

spring:
  devtools:
    restart:
      enabled: true
      additional-paths: src/main/java
      exclude: static/**

c. 开启idea相关配置：

在这里插入图片描述

2. 前端上传文件到后端接口

a. 配置映射资源目录—web端直接访问

spring:
 servlet:
    multipart:
      max-file-size: 10MB
  web:
    resources:
      static-locations: /upload/

b. 撰写代码

@RestController
public class FileUploadController {
   
   
    @PostMapping("/upload")
    public String up(String nickname, MultipartFile photo, HttpServletRequest request) throws IOException {
   
   
        System.out.println(nickname);
        System.out.println(photo.getOriginalFilename());
        System.out.println(photo.getContentType());
        String path= request.getServletContext().getRealPath("/upload/");
        System.out.println(path);
        saveFile(photo,path);
        return "上传成功！";
    }

    public void saveFile(MultipartFile photo, String path) throws IOException {
   
   
        File dir= new File(path);
        if(!dir.exists()){
   
   
            dir.mkdir();
        }
        File file = new File(path+photo.getOriginalFilename());
        photo.transferTo(file);

    }
}

c. postman测试

在这里插入图片描述

3. 拦截器

在这里插入图片描述
a：一般只设置preHandle，作为执行controller之间的拦截器，先撰写拦截器类

public class LoginInterceptor implements HandlerInterceptor {
   
   
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
   
   
        if(!(handler instanceof HandlerMethod)){
   
   
            return true;
        }
        System.out.println("LoginInterceptor");
        return true;
    }

最低0.47元/天解锁文章