如何把Bootstrap和JQuery在不能上网环境中生效并用Maven来管理版本?
来源:互联网 发布:经济数据库都有什么 编辑:程序博客网 时间:2024/05/29 15:37
有的时候,我们的代码开发和部署环境有可能是上不了互联网。但是我们的代码中有引用了BootStrap或者JQuery等一些前端框架;一个办法就是把BootStrap或者JQuery的css或者JavaScript文件复制到Web项目中,并且放到一个相对路径,然后在我们的网页中加入引用,这是一个方法,但是如果以后BootStrap版本需要升级了,我们开发人员有需要新手工替换其css或者JavaScript文件;必须手工的管理器版本;那么有没有一个好的方法来进行管理呢?比如通过Maven的方式? 结果是肯定的,那就是找webjar。WebJars是将这些通用的Web前端资源打包成Java的Jar包,然后借助Maven工具对其管理,保证这些Web资源版本唯一性,升级也比较容易。关于webjars资源,有一个专门的网站http://www.webjars.org/,我们可以到这个网站上找到自己需要的资源,在自己的工程中添加入maven依赖,即可直接使用这些资源了。下面以SpringBoot项目为例子(SpringMVC项目也行),其具体步骤如下:
@添加Maven的依赖
<dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>3.3.7</version></dependency><dependency> <groupId>org.webjars</groupId> <artifactId>jquery</artifactId> <version>3.1.1</version></dependency>
@新建一个WebConfig的类
import org.springframework.context.annotation.Configuration;import org.springframework.web.servlet.config.annotation.EnableWebMvc;import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;@Configuration@EnableWebMvcpublic class WebConfig extends WebMvcConfigurerAdapter { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/webjars/**").addResourceLocations("classpath:/META-INF/resources/webjars/"); }}通过上面新建的一个WebConfig类,将对/webjars的访问重定向到/META-INF/resources/webjars/。
@在网页中,加入下面的链接
<link rel="stylesheet" href="/webjars/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="/webjars/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="/webjars/bootstrap/3.3.7/js/bootstrap.min.js"> <link rel="stylesheet" href="/webjars/jquery/3.1.1/jquery.min.js">
@ 通过JQuery的例子进行测试
<!DOCTYPE HTML><html><head> <title>Getting Started: Spring Boot CLI + Javascript</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="/webjars/jquery/3.1.1/jquery.min.js" type="text/javascript"></script> <script src="/webjars/jquery/3.1.1/jquery.min.js" type="text/javascript"></script> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> --> <script type="text/javascript"> $(document).ready(function() { $('p').animate({ fontSize: '48px' }, "slow"); }); </script></head><body> <p th:text="'Hello, ' + ${name} + '!'" /></body></html>
将会看到字体逐步变大的有JQuery渲染的动画效果。
2 0
- 如何把Bootstrap和JQuery在不能上网环境中生效并用Maven来管理版本?
- 如何在eclipse中开发多个聚合关系的maven项目并用git管理
- 如何在webpack中引入jquery和bootstrap
- 如何在Window系统下把Maven仓库中所有的jar文件都列出来?
- bootstrap和jquery版本问题
- ngmodel在Eonasdan/bootstrap-datetimepicker中不生效解决方法
- 如何在Myeclipse中把项目的J2ee版本升级
- 如何在网站中,把excel上传到服务器并用asp把Excel导入SQLserver的表中,如果此表存在则覆盖
- 通过Maven的版本管理来管理项目公共模块
- 如何在Eclipse中使用GitHub来管理项目工程?
- 如何在 Linux 系统中通过用户组来管理用户
- 如何在 Linux 系统中通过用户组来管理用户
- 如何在maven环境中设置JVM参数
- 【转】如何在项目管理中进行版本控制
- 使用npanday集成maven到.net开发环境中来管理.net项目
- 局域网乐趣系列一:如何共享上网,如何在特定的环境中共用一个账号,如何做代理服务器,如何代理上网,如何代理上qq
- maven学习之从搭建maven环境到在项目中如何使用maven
- 在jquery 1.11.1版本中,如何实现jquery 1.9以下版本里面的toggle功能?
- 迷宫及走迷宫时的最优解
- Sfilter过滤驱动框架
- 面试官谈游戏开发入行--选择
- Linux I/O复用——select系统调用
- linux配置禁止密码登陆,普通用户赋予sudo权限
- 如何把Bootstrap和JQuery在不能上网环境中生效并用Maven来管理版本?
- spring源码-6-springmvc
- Swift3 实现图片圆角、阴影、边框
- Hibernate_映射_关联关系_一对多多对一映射2、inverse属性
- 写在caffe2 的开始
- 僵尸进程&孤儿进程
- 根据Map的value排序
- scrapy random user agents
- MySQL 处理海量数据时的一些优化查询速度方法