webjar에 jquery를 도입하는 방법

WebJars는 Java 언어 라이브러리를 캡슐화하는 방법입니다. 이를 통해 개발자는 외부 문서를 수동으로 다운로드하고 가져오지 않고도 Maven을 통해 클라이언트 라이브러리를 관리하고 도입할 수 있습니다. WebJars의 클라이언트 라이브러리는 웹 애플리케이션의 클래스 경로에서 찾을 수 있습니다.

다음 단계에 따라 jQuery를 웹 애플리케이션에 도입할 수 있습니다.

1. pom에 다음 종속성을 추가합니다. 필요에 따라 버전 번호를 수정합니다.

웹 애플리케이션의 HTML 파일에 다음 태그를 추가합니다.

2. <dependency>
       <groupId>org.webjars</groupId>
       <artifactId>jquery</artifactId>
       <version>3.5.1</version>
   </dependency>

   {version}를 도입된 jQuery 버전으로 바꾸도록 주의하세요. 예:

   <link rel="stylesheet" href="/webjars/jquery/{version}/dist/jquery.min.js">

   {version}替换为引入的jQuery版本，例如：

   <link rel="stylesheet" href="/webjars/jquery/3.5.1/dist/jquery.min.js">

3. 在JavaScript文件中使用jQuery：

   $(document).ready(function() {
       console.log("jQuery is working!");
   });

   或者可以使用简短的别名$来代替jQuery，例如：

   $(function() {
       console.log("jQuery is working!");
   });

完成上述步骤后，web应用程序就可以使用WebJars中的jQuery库了。如果使用的是Spring Boot框架，Maven中已经默认引入了webjars-locator库，所以无需进行其他配置。

如果需要引入其他WebJars中的客户端库，也可以按照上述步骤进行操作。需要注意的是，标记中的href

In the JavaScript 파일 jQuery 사용:

<link rel="stylesheet" href="/webjars/bootstrap/{version}/css/bootstrap.min.css">
<script src="/webjars/bootstrap/{version}/js/bootstrap.min.js"></script>

또는 jQuery 대신 짧은 별칭 $를 사용할 수 있습니다. 예:

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>bootstrap</artifactId>
    <version>5.1.0</version>
</dependency>

🎜위 단계를 완료한 후 , 웹 애플리케이션은 이제 WebJars에서 jQuery 라이브러리를 사용할 수 있습니다. Spring Boot 프레임워크를 사용하는 경우 webjars-locator 라이브러리가 Maven에 기본적으로 도입되었으므로 다른 구성이 필요하지 않습니다. 🎜🎜다른 WebJars의 클라이언트 라이브러리를 도입해야 하는 경우 위의 단계를 따를 수도 있습니다. 가져온 라이브러리에 따라 태그의 href 속성을 ​​수정해야 한다는 점에 유의하세요. 예를 들어 Bootstrap 라이브러리를 도입하려면 다음과 같이 작성할 수 있습니다. 🎜rrreee🎜동시에 pom.xml에 가져오기 종속성을 추가해야 합니다. 그러나 일반적으로 웹 애플리케이션에서 WebJars를 사용하면 클라이언트 라이브러리를 쉽게 관리 및 유지하고 수동으로 다운로드하고 가져오는 문제를 피할 수 있습니다. 🎜

위 내용은 webjar에 jquery를 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!