springboot scr的resouces下有两个文件夹 static 和templates,第一个是放静态资源的文件,js css还有图片等,如果在static目录下建的html页面,那么和普通工程引入js css一样的做法一样就能成功,但是如果html界面是在templates下面的话,引入js css就无效了,不用担心只需两个步骤就可以解决这个问题
1、在pom中引入
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
有些人引入该文件后工程无法启动,因为你在pom中引入了thymleaf的版本了,会冲突,去除掉就好了
2、在static建立你的css,比如index.css,这时候你就可以在templates下件一个html index.html界面,
在头部引入
<!DOCTYPE html> <html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
同时引入css文件
<link rel="stylesheet" type="text/css" th:href="@{/index.css}">
3、启动工程就可以看到页面效果了,注意这里的templates要用Controller去访问不能直接访问界面
引入js
src
└─main
├─java
└─resources
├─static
│ ├─css
│ ├─img
│ └─js
│ └─test.js
└─templates
在模板中引用test.js
, 你引用的地址应当为/js/test.js
,换成thymeleaf的属性则应当为th:src="@{/js/test.js}"
,其中的绝对地址可以换成相对地址。