Springboot集成前端

￡神魔★判官ぃ 2023-02-23 08:08 8阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5_size_16_color_FFFFFF_t_70][]

1、Springboot的结构

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5_size_16_color_FFFFFF_t_70 1][]

其中static中是可以直接访问的数据，templates中放置的是跳转的数据。

加入jar包的依赖

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

Springboot默认跳转的是到static/index.html。

配置thymeleaf组件后，会动态跳转，默认/templates/index.html。

动态跳转有没有html后缀都可以。

**@Controller、@RestController注解区别：**

@RestController 注解相当于 @Controller ＋ @ResponseBody 合在一起的作用。

**@Controller注解**

**@Controller标识的类（控制/表现），标识每个方法都可以去调用@Service标识的类（业务逻辑），@Service标识的类可以继续调用@Resposity标识的接口实现类（持久层）**

@Controller标识的类，需要配置applicationContext.xml，扫描器把这个控制器交给Spring来管理。

<context:component-scan base-package="com.example.demo"/>

上面在applicationContext.xml配置的扫描器，可以扫描com.example.demo包内的所有带有

@Component、@Controller、@Service、@Resposity @RestController等组件，并把他们添加到IOC容器中，来管理。

@Controller用于标记在一个类上，使用它标记的类就是一个SpringMVC的 Controller类，分发处理器会扫描使用该注解的类的方法，并检测该方法是否使用了 @RequestMapping 注解。

@Controller只是定义了一个控制器类，而使用 @RequestMapping 注解的方法才是处理请求的处理器。

package com.example.demo;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    @Controller
    public class Login {
        @RequestMapping("/login")
        public String test() {
            return "login";
        }
    }

@RestController 注解相当于 @Controller ＋ @ResponseBody 合在一起的作用。

Controller类中的方法返回值，默认是json对象，也就是相当于@Controller里面的方法上添加了@ResponseBody  
如果方法返回值，需要跳转，那么方法的返回类型必须是View 或者ModelAndView。

package com.example.demo;
    import com.example.demo.model.Ceshi;
    import com.example.demo.model.FrozenExtendCeshi;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.jdbc.core.JdbcTemplate;
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    import java.util.Date;
    import java.util.List;
    
    @RestController
    @RequestMapping("/redant")
    public class SpringMysqlConnect {
    
        @Autowired
        JdbcTemplate jdbcTemplate;
        @GetMapping("/20200423")
        public List queryMysqlTest(){
            String sql = "select * from ceshi";
            List<?> lst = jdbcTemplate.queryForList(sql);
            System.out.println("共有" + lst.size() +"个");
            return lst;
        }
    }

demo

![20200706154605661.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5_size_16_color_FFFFFF_t_70 2][]

静态文件资源

在整合WebUpload之前，我们得先了解，静态资源访问（WebUpload的资源）：

Spring Boot提供了可以直接在 application.properties（或.yml）中配置的方法。

# 默认值为 /**
    spring.mvc.static-path-pattern= /**
    # 默认值为 classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/
    spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5_size_16_color_FFFFFF_t_70 3][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200706143656322.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020070610573797.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5,size_16,color_FFFFFF,t_70
[20200706154605661.png]: https://img-blog.csdnimg.cn/20200706154605661.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200706154641282.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200707102329741.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjg3ODA5,size_16,color_FFFFFF,t_70