springboot html引入js、css失效和没有用原因解决 |
您所在的位置:网站首页 › springboot启动没反应 › springboot html引入js、css失效和没有用原因解决 |
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 |