So führen Sie JQuery in Webjars ein

WebJars ist eine Möglichkeit, Java-Sprachbibliotheken (z. B. jQuery) in ein Jar-Paket zu kapseln. Dadurch können Entwickler Client-Bibliotheken über Maven verwalten und einführen, ohne externe Dokumente herunterladen und importieren zu müssen. Die Client-Bibliotheken in WebJars finden Sie im Klassenpfad der Webanwendung.

Die Einführung von jQuery in eine Webanwendung kann durch Befolgen der folgenden Schritte erreicht werden:

1. Fügen Sie die folgenden Abhängigkeiten im POM hinzu. Ändern Sie die Versionsnummer nach Bedarf.

Fügen Sie das folgende Markup in der HTML-Datei der Webanwendung hinzu:

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

   Achten Sie darauf, {version} durch die eingeführte jQuery-Version zu ersetzen, zum Beispiel:

   <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 der JavaScript-Datei Verwenden Sie jQuery:

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

Oder Sie können den Kurzalias $ anstelle von jQuery verwenden, zum Beispiel:

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

🎜Nach Abschluss der obigen Schritte , wird die Webanwendung Sie können jetzt die jQuery-Bibliothek in WebJars verwenden. Wenn Sie das Spring Boot-Framework verwenden, wurde die Bibliothek webjars-locator standardmäßig in Maven eingeführt, sodass keine weitere Konfiguration erforderlich ist. 🎜🎜Wenn Sie Client-Bibliotheken aus anderen WebJars einführen müssen, können Sie auch die oben genannten Schritte ausführen. Es ist zu beachten, dass das Attribut href im Tag entsprechend der importierten Bibliothek geändert werden muss. Um beispielsweise die Bootstrap-Bibliothek vorzustellen, können Sie Folgendes schreiben: 🎜rrreee🎜Gleichzeitig müssen Sie auch die Importabhängigkeit in pom hinzufügen Andere Konfigurationen. Aber im Allgemeinen kann die Verwendung von WebJars in Webanwendungen Client-Bibliotheken einfach verwalten und verwalten und den Aufwand des manuellen Herunterladens und Imports vermeiden. 🎜

Das obige ist der detaillierte Inhalt vonSo führen Sie JQuery in Webjars ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!