반응형

WebJars이란?

jQuery이나 Bootstrap 같은 클라이언트 사이트의 라이브러리를 jar로 하여, Java 라이브러리와 같은 요령으로 Maven과 Gradle에 따라 관리 할 수 있도록 한 서비스.

WebJars - Web Libraries in Jars




jQuery UI를 입력해 보기


WebJars에서 사용 가능한 라이브러리를 찾을 수 있다.

코드 작성

build.gradle

dependencies {
    compile 'org.springframework.boot:spring-boot-starter-web'
+   compile 'org.webjars:jquery-ui:1.11.4'
}

src/main/resources/static/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>jQuery UI by WebJars</title>

    <link rel="stylesheet" href="/webjars/jquery-ui/1.11.4/jquery-ui.min.css" />

    <script src="/webjars/jquery/1.11.1/jquery.min.js"></script>
    <script src="/webjars/jquery-ui/1.11.4/jquery-ui.min.js"></script>
    <script>
    $(function() {
        $('button')
          .button()
          .on('click', function() {
              alert('Hello WebJars!!');
          });
    });
    </script>
  </head>
  <body>
    <button>Hello</button>
  </body>
</html>

실행 결과

서버를 시작하고 브라우저에서 http://localhost:8080/로 이동한다.

설명

  • WebJars에 추가한 라이브러리는 webjars/ 이하 경로를 통해 접근 할 수 있다.
  • 폴더 구성, jar 속을 보거나 WebJars에서 오른쪽에 있는 Files 링크를 클릭하면 알 수 있다.


반응형

+ Recent posts