码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2019-06-29 22:15:23      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:col   注意   spring   一个   img   div   body   sheet   href   

之前我们引入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样式

标签:col   注意   spring   一个   img   div   body   sheet   href   

原文地址:https://www.cnblogs.com/hzyhx/p/11107915.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!