使用WebJars


 

Spring Boot框架整合WebJars進行前端靜態JavaScript和CSS。

 

在pom文件中加入二者的依賴文件

<!-- 引用bootstrap -->
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>bootstrap</artifactId>
    <version>3.3.7-1</version>
</dependency>

<!-- 引用jquery -->
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.1.1</version>
</dependency>

 

在src/main/recources/static文件夾下新建index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>webjars-test</title>
    <link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css"/>
    <script src="/webjars/jquery/3.1.1/jquery.min.js"></script>
    <script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js">
    </script>

</head>
<body>
<div class="container"><br/>
    <div class="alert alert-success">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        Hello, <strong>webjars!</strong>
    </div>
</div>
</body>
<script type="text/javascript">
    alert($('.close').attr('href'));
</script>
</html>

在瀏覽器上訪問http://localhost:8080

 

WebJars還提供了很多其他的依賴,具體使用可以查看WebJars官網(官網地址:https://www.webjars.org/)。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM