Spring工程视图中如何引入css和js样式

Posted hzyhx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Spring工程视图中如何引入css和js样式相关的知识,希望对你有一定的参考价值。

之前我们引入css和js样式是这样的

1 <!--bootstrap的css样式-->
2 <link href="css/bootstrap.min.css" rel="stylesheet" >
3 <!--jquery ui的js样式-->
4 <script src="jquery-ui-1.12.1/jquery-ui.min.js" ></script>

而String工程里引入css和js,只需要在前面加一个th:

引入css在href前面加th:

引入js在src前面加th:

示例

1 <!--bootstrap的css样式-->
2 <link th:href="@/css/bootstrap.min.css" rel="stylesheet"    type="text/css" />
3 
4 <!-bootstrap的js样式--->
5 <script type="text/javascript" th:src="@/js/bootstrap.bundle.min.js"></script>

注意:在视图中css样式放在</head>结束标签前面

          js样式放在</body>结束标签前面

 

css和js放在工程的哪个目录下?

答:放在工程的src/main/resources/static目录下

技术图片

以上是关于Spring工程视图中如何引入css和js样式的主要内容,如果未能解决你的问题,请参考以下文章

js外部样式如何导入

maven工程如何引用css和js文件

Chrome编辑了样式或者JS之后自动同步回本地工程

微信小程序开发1--项目工程目录及文件简介

vue3单页面引入公共的css,加了scoped但无法加deep,导致样式无法穿透,如何解决?

一个优秀的前端工程师应具备哪些技能?