WebJars 进行 css js 资源文件管理
WebJars是将这些通用的Web前端资源打包成Java的Jar包,然后借助Maven工具对其管理,保证这些Web资源版本唯一性,升级也比较容易。关于webjars资源,有一个专门的网站http://www.webjars.org/,我们可以到这个网站上找到自己需要的资源,在自己的工程中添加入maven依赖,即可直接使用这些资源了
1. 使用
添加依赖
1 2 3 4 5 6 7 8 9 10 | <dependency> <groupId>org.webjars</groupId> <artifactId>webjars-locator</artifactId> <version>0.1</version> </dependency> <dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>2.1.1</version> </dependency> |
2. 打包:
1 2 3 4 5 6 7 8 | <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-war-plugin</artifactId> <version>2.2</version> <configuration> <failOnMissingWebXml> false </failOnMissingWebXml> </configuration> </plugin> |
3. 引用
a.静态页面:
1 2 3 4 5 6 | <link rel= 'stylesheet' href= 'webjars/bootstrap/2.1.1/css/bootstrap.min.css' > <script type= 'text/javascript' src= 'webjars/jquery/1.8.2/jquery.min.js' ></script> <script type= 'text/javascript' src= 'webjars/bootstrap/2.1.1/js/bootstrap.min.js' ></script> <script type= 'text/javascript' src= 'webjars/ajax-form/2.1.3/ajax-form.js' ></script> |
b.jsp
1 2 3 4 5 6 7 8 9 | <link rel= 'stylesheet' href= '<%= org.webjars.AssetLocator.getWebJarPath("css/bootstrap.min.css") %>' > <script type= 'text/javascript' src= '<%= org.webjars.AssetLocator.getWebJarPath("jquery.min.js") %>' ></script> <script type= 'text/javascript' src= '<%= org.webjars.AssetLocator.getWebJarPath("js/bootstrap.min.js") %>' ></script> <script type= 'text/javascript' src= '<%= org.webjars.AssetLocator.getWebJarPath("ajax-form.js") %>' ></script> |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· 语音处理 开源项目 EchoSharp
· 《HelloGitHub》第 106 期
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 使用 Dify + LLM 构建精确任务处理应用