后端需要掌握的前端细节（我愿称为小前端）

1. SpringBoot对静态资源的管理

在WebMvcAutoConfiguration类中寻找addResourceHandlers方法(SpringBoot2.7.0)

public void addResourceHandlers(ResourceHandlerRegistry registry) {
    if (!this.resourceProperties.isAddMappings()) {
        logger.debug("Default resource handling disabled");//有自动配置，则走这条路径
    } else {
        this.addResourceHandler(registry, "/webjars/**", "classpath:/META-INF/resources/webjars/");//webjars的方法获取（一般不用）
        
        this.addResourceHandler(registry, this.mvcProperties.getStaticPathPattern(), (registration) -> {
            registration.addResourceLocations(this.resourceProperties.getStaticLocations());
            if (this.servletContext != null) {
                ServletContextResource resource = new ServletContextResource(this.servletContext, "/");
                registration.addResourceLocations(new Resource[]{resource});
            }
        });
    }
}

在WebProperties中可以看到路径

private static final String[] CLASSPATH_RESOURCE_LOCATIONS = new String[]{"classpath:/META-INF/resources/", "classpath:/resources/", "classpath:/static/", "classpath:/public/"};

即在这些目录下的资源会被映射到/**下->在resource/public中的1.js资源可以直接通过localhost:8080/1.js访问

同名情况下，靠前的先识别。

需要注意的是：如果在yml中配置了响应的路径，会修改原配置，这部分内容留个坑。（自动配置部分代码）

// todo

 servlet:
    context-path: /api   #  会修改静态资源配置

webjar:通过maven的方式引入jquery(不用)

localhost:8080/webjars/1.js

首页定制

index.html可以放到上方资源目录直接访问localhost:8080到首页

2. Thymeleaf模板殷切

引入：

在2.7 的 SpringBoot项目中直接引入：

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

查看

    public static final String DEFAULT_PREFIX = "classpath:/templates/";
    public static final String DEFAULT_SUFFIX = ".html";
    private boolean checkTemplate = true;
    private boolean checkTemplateLocation = true;
    private String prefix = "classpath:/templates/";
    private String suffix = ".html";
    private String mode = "HTML";

后端使用：

@Controller
//thymeleaf实现路由不要用RestController
public class TestController {
    
    @GetMapping("test")
    public String Test(){
        return "test";
    }//thymeleaf
}

前端使用：

命名空间

<html lang="en" xmlns:th="http://www.thymeleaf.org" 
				xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
				xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">