Bagaimana untuk memperkenalkan jquery dalam webjars

WebJars ialah cara merangkum pustaka bahasa Java Ia merangkum pustaka klien (seperti jQuery) ke dalam pakej Jar Ini membolehkan pembangun mengurus dan memperkenalkan perpustakaan klien melalui Maven tanpa memuat turun dan Mengimport fail luaran secara manual. Perpustakaan pelanggan dalam WebJars boleh didapati pada laluan kelas aplikasi web.

Memperkenalkan jQuery ke dalam aplikasi web boleh dicapai dengan mengikuti langkah di bawah:

1. Tambah kebergantungan berikut dalam fail pom.xml:

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

   Di sini kami mengambil pengenalan versi jQuery 3.5.1 sebagai contoh Anda boleh mengubah suai nombor versi seperti yang diperlukan.

2. Tambahkan teg berikut dalam fail HTML aplikasi web:

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

   Ganti {version} dengan versi jQuery yang diimport, contohnya:

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

3. Gunakan jQuery dalam fail JavaScript:

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

   Atau anda boleh menggunakan alias pendek $ dan bukannya jQuery, contohnya:

   rreee

Selepas melengkapkan langkah di atas, aplikasi web boleh menggunakan perpustakaan jQuery dalam WebJars. Jika anda menggunakan rangka kerja Spring Boot, pustaka webjars-locator telah diperkenalkan secara lalai dalam Maven, jadi tiada konfigurasi tambahan diperlukan.

Jika anda perlu memperkenalkan perpustakaan pelanggan daripada WebJars lain, anda juga boleh mengikuti langkah di atas. Perlu diingatkan bahawa atribut href dalam teg perlu diubah suai mengikut perpustakaan yang diimport. Sebagai contoh, untuk memperkenalkan perpustakaan Bootstrap, anda boleh menulis seperti ini:

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

Pada masa yang sama, anda juga perlu menambah kebergantungan import dalam pom.xml:

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

Di atas ialah cara menggunakan WebJars untuk memperkenalkan jQuery dalam persekitaran Maven Jika Penggunaan dalam persekitaran lain mungkin memerlukan konfigurasi tambahan. Tetapi secara umum, menggunakan WebJars dalam aplikasi web boleh mengurus dan menyelenggara perpustakaan klien dengan mudah dan mengelakkan masalah memuat turun dan mengimport manual.

Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan jquery dalam webjars. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!