springboot html引入js、css失效和没有用原因解决

您所在的位置:网站首页 springboot启动没反应 springboot html引入js、css失效和没有用原因解决

springboot html引入js、css失效和没有用原因解决

2023-09-11 16:19| 来源: 网络整理| 查看: 265

springboot scr的resouces下有两个文件夹 static 和templates,第一个是放静态资源的文件,js css还有图片等,如果在static目录下建的html页面,那么和普通工程引入js css一样的做法一样就能成功,但是如果html界面是在templates下面的话,引入js css就无效了,不用担心只需两个步骤就可以解决这个问题

1、在pom中引入

org.springframework.boot spring-boot-starter-thymeleaf

有些人引入该文件后工程无法启动,因为你在pom中引入了thymleaf的版本了,会冲突,去除掉就好了

2、在static建立你的css,比如index.css,这时候你就可以在templates下件一个html  index.html界面,

在头部引入

同时引入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}",其中的绝对地址可以换成相对地址。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3