Comment introduire jquery dans les webjars

WebJars est un moyen d'encapsuler les bibliothèques du langage Java. Il encapsule les bibliothèques client (telles que jQuery) dans un package Jar. Cela permet aux développeurs de gérer et d'introduire les bibliothèques client via Maven sans avoir à les télécharger manuellement et à importer des fichiers externes. . Les bibliothèques clientes dans WebJars se trouvent sur le chemin de classe de l'application Web.

L'introduction de jQuery dans une application web peut être réalisée en suivant les étapes ci-dessous :

1. Ajoutez les dépendances suivantes dans le fichier pom.xml :

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

   Ici, nous prenons l'introduction de jQuery version 3.5.1 comme exemple. Vous pouvez modifier le numéro de version si nécessaire.

2. Ajoutez les balises suivantes dans le fichier HTML de l'application web :

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

   Notez que {version} Remplacez par la version de jQuery importée, par exemple : {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

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

Utilisation de jQuery dans un fichier JavaScript :

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

Ou vous pouvez utiliser un alias court $ au lieu de jQuery, par exemple : #🎜🎜#rrreee#🎜🎜##🎜🎜#Après avoir terminé les étapes ci-dessus, l'application Web peut utiliser la bibliothèque jQuery. Si vous utilisez le framework Spring Boot, la bibliothèque webjars-locator a été introduite par défaut dans Maven, aucune autre configuration n'est donc requise. #🎜🎜##🎜🎜#Si vous devez introduire des bibliothèques clientes d'autres WebJars, vous pouvez également suivre les étapes ci-dessus. A noter que l'attribut href dans la balise doit être modifié en fonction de la bibliothèque importée. Par exemple, pour présenter la bibliothèque Bootstrap, vous pouvez écrire comme ceci : #🎜🎜#rrreee#🎜🎜# Vous devez également ajouter la dépendance d'importation dans pom.xml : #🎜🎜#rrreee#🎜🎜#Ce qui précède est de utilisez WebJars pour introduire jQuery dans la méthode d'environnement Maven, s'il est utilisé dans d'autres environnements, d'autres configurations peuvent être requises. Mais en général, l'utilisation de WebJars dans les applications Web permet de gérer et de maintenir facilement les bibliothèques clientes et d'éviter les problèmes de téléchargement et d'importation manuels. #🎜🎜#

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!