多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
[TOC] # 1. webjars引入 webjars 是以 jar 包的方式引入静态资源,下面以引入 jQuery 为例。 **1. 到网站 https://www.webjars.org/ 找到jQuery的webjars资源** ![](https://img.kancloud.cn/29/7e/297e0544df69264261eef2f846915cb8_2522x443.png) ![](https://img.kancloud.cn/e1/74/e17494e2ccef86ac08dd311b5db2ae42_2200x404.png) **2. `pom.xml`引入jquery** ```xml <dependency> <groupId>org.webjars.npm</groupId> <artifactId>jquery</artifactId> <version>3.5.0</version> </dependency> ``` **3. 页面引入jquery** ![](https://img.kancloud.cn/4e/b5/4eb5077e2527d4a738f1c62e9f2b5494_1711x331.png) ```html <!-- src规则:/webjars/<artifactId>/<version>/***.js --> <script type="text/javascript" src="/webjars/jquery/3.5.0/dist/jquery.min.js"></script> ``` **** 案例代码:https://gitee.com/flymini/codes03/tree/master/learn-boot-resstatic <br/> # 2. static引入 **1. 静态资源默认放在`resources/static`目录下** ``` |—— 项目名 | |—— src | | |—— main | | | |—— java | | | |—— resources | | | | |—— static | | | | | |—— assets | | | | | | |—— jquery.min.js | | | | |—— templates | | | | | |—— account.html ``` **2. 页面引入jquery** ```html <script type="text/javascript" src="/assets/jquery.min.js"></script> ``` **** 案例代码:https://gitee.com/flymini/codes03/tree/master/learn-boot-resstatic