贼好用的Java工具类库，GitHub星标10k+，你在用吗？

介

Hutool是Hu + tool的自造词，前者致敬我的“前任公司”，后者为工具之意，谐音“糊涂”，寓意追求“万事都作糊涂观，无所谓失，无所谓得”的境界。

Hutool是一个Java工具包，也只是一个工具包，它帮助我们简化每一行代码，减少每一个方法，让Java语言也可以“甜甜的”。Hutool最初是我项目中“util”包的一个整理，后来慢慢积累并加入更多非业务相关功能，并广泛学习其它开源项目精髓，经过自己整理修改，最终形成丰富的开源工具集。（抄自作者简介）

功能

一个Java基础工具类，对文件、流、加密解密、转码、正则、线程、XML等JDK方法进行封装，组成各种Util工具类，同时提供以下组件：

hutool-aop JDK动态代理封装，提供非IOC下的切面支持
hutool-bloomFilter 布隆过滤，提供一些Hash算法的布隆过滤
hutool-cache 缓存
hutool-core 核心，包括Bean操作、日期、各种Util等
hutool-cron 定时任务模块，提供类Crontab表达式的定时任务
hutool-crypto 加密解密模块
hutool-db JDBC封装后的数据操作，基于ActiveRecord思想
hutool-dfa 基于DFA模型的多关键字查找
hutool-extra 扩展模块，对第三方封装（模板引擎、邮件等）
hutool-http 基于HttpUrlConnection的Http客户端封装
hutool-log 自动识别日志实现的日志门面
hutool-script 脚本执行封装，例如Javascript
hutool-setting 功能更强大的Setting配置文件和Properties封装
hutool-system 系统参数调用封装（JVM信息等）
hutool-json JSON实现
hutool-captcha 图片验证码实现

简单测试

这两天使用Hutool把Halo里面的一些代码给替换掉了，不得不说，用起来十分顺心，下面简单介绍一下我用到的一些Hutool的工具类。

SecureUtil（加密解密工具）

主要是在登录的时候还有修改密码的时候用到的，因为数据库里面的密码是md5加密处理的，所以登录的时候需要先加密之后再到数据库进行查询，使用Hutool的话，只需要调用SecureUtil中的md5方法就可以了。

user = userService.userLoginByName(loginName,SecureUtil.md5(loginPwd));

HtmlUtil（HTML工具类）

这个工具类就比较厉害了，不过我在Halo当中用得最多的还是HtmlUtil.encode，可以将一些字符转化为安全字符，防止xss注入和SQL注入，比如下面的评论提交。

comment.setCommentAuthor(HtmlUtil.encode(comment.getCommentAuthor()));

这就是防止有小坏蛋故意写一些可执行的js代码，然后提交评论，在后台面板就会执行这一段代码，比较危险，使用encode方法就可以将<script>标签给转化成<script>，这样转化之后，js代码就不会执行了。

另外，HtmlUtil还提供了以下方法，有兴趣的可以去试一下。

HtmlUtil.restoreEscaped 还原被转义的HTML特殊字符
HtmlUtil.encode 转义文本中的HTML字符为安全的字符
HtmlUtil.cleanHtmlTag 清除所有HTML标签
HtmlUtil.removeHtmlTag 清除指定HTML标签和被标签包围的内容
HtmlUtil.unwrapHtmlTag 清除指定HTML标签，不包括内容
HtmlUtil.removeHtmlAttr 去除HTML标签中的属性
HtmlUtil.removeAllHtmlAttr 去除指定标签的所有属性
HtmlUtil.filter 过滤HTML文本，防止XSS攻击
CronUtil（定时任务）

这个工具就更厉害了，完全不需要类似quartz这样的框架来做定时任务，而且CronUtil也不需要任何其他依赖，只需要在resources下建一个配置文件，然后在程序启动的时候将定时任务开启就行了，如Halo的定时备份功能（每天凌晨1点备份一次）。

cron.setting:

cc.ryanc.halo.web.controller.admin.BackupController.backupResources = 0 0 1 * * ?
cc.ryanc.halo.web.controller.admin.BackupController.backupDatabase = 0 0 1 * * ?
cc.ryanc.halo.web.controller.admin.BackupController.backupPosts = 0 0 1 * * ?

@Override
public void onApplicationEvent(ContextRefreshedEvent event){
    this.loadActiveTheme();
    this.loadOptions();
    this.loadFiles();
    this.loadThemes();
    //启动定时任务
    CronUtil.start();
    log.info("定时任务启动成功！");
}

好了，就介绍这三个工具类，有兴趣的可以去试试其他的工具，挺全的，这应该是我用过最好用的一个工具类库了，值得一试。

Java知音，专注于Java实用文章推送，不容错过！
官网地址：http://www.hutool.cn/

记的属性

each()遍历元素：each(callback)方法主要用于对选择器进行遍历，它接受一个函数为参数，该函数接受一个参数，指代元素的序号。

对于标记的属性而言，可以利用each()方法配合this关键字来获取或者设置选择器中每个元素相对应的属性值；

jQuery代码:

$(function(){
    $("img").each(function(index){
        this.title = "这是第" + index + "幅图，id是：" + this.id; //此时this指DOM对象
    });
});

HTML代码:

<img src="01.jpg" id="Tsinghua01">
<img src="02.jpg" id="Tsinghua02">
<img src="03.jpg" id="Tsinghua03">
<img src="04.jpg" id="Tsinghua04">
<img src="05.jpg" id="Tsinghua05">

理解:首先利用$("image")获取页面中所有图片的集合,然后通过each()方法遍历所有图片,通过this关键字对图片进行访问,获取图片的id,

并设置图片的title属性。其中each()方法的函数参数index为元素所处的序号(从0开始计数)。

jQuery代码:

$(function(){
    $("img").each(function(index, item){
        item.title = "这是第" + index + "幅图，id是：" + this.id; //此时item指当前的DOM对象
    });
});

HTML代码:

<img src="01.jpg" id="Tsinghua01">
<img src="02.jpg" id="Tsinghua02">
<img src="03.jpg" id="Tsinghua03">
<img src="04.jpg" id="Tsinghua04">
<img src="05.jpg" id="Tsinghua05">

//使用jQuery中插件机制

$.fn.extend({
    quanxuan:function(){
        //专用于实现全选
        this.attr("checked",true);
    },
    quxiao:function(){
        //取消功能
        this.attr("checked",false);
    },
    fanxuan:function(){
        //反选
        var leng = this.length;
        this.each(function(index,domElement){ //this指jQuery对象
        domElement.checked = !domElement.checked; //domElement= this this指DOM对象
    })
    }
});

获取属性的值

attr(name)

$(function(){
    //var sTitle = $("em").attr("title"); //获取第一个<em>元素的title属性值
    var sTitle = $("em:eq(1)").attr("title"); //获取第二个<em>元素的title属性值
    $("span").text(sTitle);
});

注意: 因为没有遍历,$("em").attr("title") 实际上获取的是第一个<em>元素的title属性值

$("em").attr("title") 等同于$("em:eq(1)").attr("title")

$("em").get(0).title 也是获取第一个<em>元素的title属性值, 而$("em").get(0)已经转换成DOM对象, 因此就不能使用jquery对象的attr方法

设置属性值

attr(name,value)

$("a[href^=http://]").attr("target","_blank")

jQuery代码：

function DisableBack(){
    $("button:gt(0)").attr("disabled","disabled");
}

HTML代码:

<button onclick="DisableBack()">第一个Button</button> 
<button>第二个Button</button> 
<button>第三个Button</button>

通过位置选择器:gt(0),当单击第1个按钮时后面的两个按钮将同时禁用;

attr()方法还接受函数作为参数attr(name,fn),它的第2个参数为一个函数,该函数接受一个参数,为元素的序号,返回值为字符串;

jQuery代码

$(function(){
    $("div").attr("id", function(index){
        //将id设置为序号相关的参数
        return "div-id" + index;
    }).each(function(){
        //找到每一项的span标记
        $(this).find("span").html("(id='" + this.id + "')");
    });
});

HTML代码:

<div>第0项 <span></span></div>
<div>第1项 <span></span></div>
<div>第2项 <span></span></div>

用attr()方法接受属性列表

$(function(){
    $("img").attr({
        src: "06.jpg",
        title: "紫荆公寓",
        width:300, //参考HTML语法, 无需加单位, 也可以写成 widht:"300px" 加单位必须加引号
        alt: "紫荆公寓"
    });
});

删除属性

$("button").removeAttr("disabled");

removeAttr(name)删除属性相当于HTML的标记中不设置该属性, 并不是取消了该标记的这个特点。

小结：

$().attr(属性名称); //获得属性信息值

$().attr(属性名称,值); //设置属性的信息

$().removeAttr(属性名称); //删除属性

$().attr(json对象); //同时为多个属性设置信息值, json对象的键值对就是名称和值

$().attr(属性名称,fn); //通过fn函数执行的return返回值对属性进行赋值

获取属性的第二种方式:

$("input[type='checkbox']").prop("checked");

设置元素的样式

添加、删除CSS类别

用addClass()方法添加CSS类别

$(function(){
    //同时添加多个CSS类别
    $("div").addClass("myClass1 myClass2"); //增加多个CSS类别,用空格隔开
});

用removeClass()方法删除CSS类别

希望某些元素的样式风格在某个类别之间切换,时而addClass()类别,时而removeClass()类别;

用toggleClass()方法在类别间动态切换 toggle 切换

$(function(){
    $("p").click(function(){
        //点击的时候不断切换
        $(this).toggleClass("highlight");
    });
});

实例:jQuery制作交替变幻的表格

<html>
<head>
<title>交替变幻的表格</title>
<style>
<!--
.datalist{
border:1px solid #007108; /* 表格边框 */
font-family:Arial;
border-collapse:collapse; /* 边框重叠 */
background-color:#d9ffdc; /* 表格背景色 */
font-size:14px;
}
.datalist th{
border:1px solid #007108; /* 行名称边框 */
background-color:#00a40c; /* 行名称背景色 */
color:#FFFFFF; /* 行名称颜色 */
font-weight:bold;
padding-top:4px; padding-bottom:4px;
padding-left:12px; padding-right:12px;
text-align:center;
}
.datalist td{
border:1px solid #007108; /* 单元格边框 */
text-align:left;
padding-top:4px; padding-bottom:4px;
padding-left:10px; padding-right:10px;
}
.datalist tr.altrow{
background-color:#a5e5aa; /* 隔行变色 */
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
$("table.datalist tr:nth-child(odd)").addClass("altrow");
$("table").mouseover(function(){
$("tr:gt(0)").toggleClass("altrow");
});
$("table").mouseout(function(){
$("tr:gt(0)").toggleClass("altrow");
});
});
</script>
</head>
<body>
<table class="datalist" summary="list of members in EE Studay" id="oTable">
<tr>
<th scope="col">Name</th>
<th scope="col">Class</th>
<th scope="col">Birthday</th>
<th scope="col">Constellation</th>
<th scope="col">Mobile</th>
</tr>
<tr>
<td>isaac</td>
<td>W13</td>
<td>Jun 24th</td>
<td>Cancer</td>
<td>1118159</td>
</tr>
<tr>
<td>fresheggs</td>
<td>W610</td>
<td>Nov 5th</td>
<td>Scorpio</td>
<td>1038818</td>
</tr>
<tr>
<td>girlwing</td>
<td>W210</td>
<td>Sep 16th</td>
<td>Virgo</td>
<td>1307994</td>
</tr>
<tr>
<td>tastestory</td>
<td>W15</td>
<td>Nov 29th</td>
<td>Sagittarius</td>
<td>1095245</td>
</tr>
</table>
</body>
</html>

直接获取、设置样式

jQuery提供css()方法来直接获取、设置元素的样式风格。使用方法与attr()几乎一模一样。

通过css(name)来获取某种样式风格的值；$("p").css("color");

通过css(properties)列表来同时设置元素的多种样式；$("p").css({ color: "#ff0011", background: "blue" });

通过css(name,value)来设置元素的某种样式；$("p").css("color","red");

通过css(name,function(index, value))设置一个样式属性的值

css()样式操作特点：

此函数返回要设置的属性值。接受两个参数，index为元素在对象集合中的索引位置, value是原先的属性值。

1 样式获取，jquery可以获取行内、内部、外部的样式。dom方式只能获得行内样式

2 复合属性样式需要拆分为"具体样式"才可以操作

例如： background 需要拆分为 background-color background-image 等进行操作

border： border-left-style border-left-width border-left-color 等

margin： margin-left margin-top 等

也可以将样式属性写成驼峰式: backgroundColor, 可以不加引号。

在json对象中, 带横线的css属性(如font-size)必须加引号;

如：

$('div').css({"font-size":"40px","font-weight":"bold",color:"red"});

标准格式：

$('div').css({"font-size":"40px","font-weight":"bold","color":"red"});

css还支持获取属性值的方法, 保持原来的属性值(width()和css()两种方法)

oInput.val(tdText).css({'width':oTd.width(), 'font-size':'14px','font-weight':'bold', 'border':0,
'background-color':oTd.css('background-color')});

与下面的语句等同：

oInput.val(tdText).css('width',tdObj.width()).css('font-size','14px').css('font-weight','bold').
css('border-width',0).css('background-color',oTd.css('background-color'));

$("div").click(function() {
    $(this).css({
        width: function(index, value) {
            return parseFloat(value) * 1.2;
        },
        height: function(index, value) {
            return parseFloat(value) * 1.2;
        }
    });
});

以下代码为<p>标记添加了mouseover和mouseout事件，当这两个事件触发时通过css(name,value)来修改标记的颜色。

$(function(){
    $("p").mouseover(function(){
        $(this).css("color","red");
    });
    $("p").mouseout(function(){
        $(this).css("color","black");
    });
});

另外还可以通过hasClass(name)方法来判断某个元素是否设置了某个CSS类别，如何设置了则返回true，否则为false。

$("li:last").hasClass("myClass")

等同于$("li:last").is(".myClass")

在jQuery中其实hasClass方法内部调用的就是is()方法,只不过代码可读性更高一些;

小结：

class属性值操作

$().attr('class',值);

$().attr('class');

$().removeAttr('class属性'); //删除class的属性

class具体快捷操作方法：

$().addClass(class属性值); //给class属性追加信息值

$().removeClass(class属性值); //删除class属性中的某个信息值

$().toggleClass(class属性值); //开关效果，有就删除，没有就添加

css样式操作

$().css(name,value); //设置

$().css(name); //获取

$().css(json对象); //同时修改多个css样式

CSS样式操作-宽高

width() 取得第一个匹配元素当前计算的宽度值(px)。

width(val) 为每个匹配的元素设置CSS宽度(width)属性的值; 如果没有明确指定单位(如：em或%), 默认使用px

height(100) height("100px") 后面含有单位的必须加引号

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <style type="text/css"></style>
	<script type="text/javascript" src="jquery-2.2.3.min.js"></script>
</head>
<body>

	选中单选按钮组其中一项：
	<input type="radio" value="1" name="radioGroup" />
	<input type="radio" value="2" name="radioGroup" />
	<input type="radio" value="3" name="radioGroup" />
	
	<input type="button" value="选中其中一个单选按钮3" onclick="checkBoxVal()" />
	<input type="button" value="单选按钮2禁用" onclick="disableCheckBox()" />
	
	<a href="#" id="aEleid">这是一个链接标签内容</a>
	<input type="button" value="禁用链接" onclick="disableAelement()" />
	
</body>
<script type="text/javascript">
	function checkBoxVal(){
		$("input[name='radioGroup'][value='3']").attr("checked","checked");
	}
	
	function disableCheckBox(){
		$("input[name='radioGroup'][value='2']").attr("disabled",true);
	}
	function disableAelement() {
		$("#aEleid").attr("disabled", true);
		$("#aEleid").removeAttr("href");
	}
</script>
</html>

码分享链接： https://pan.baidu.com/s/18d05SpJbGUep0T1pFQwHrQ

提取码：baf9

在线咨询

上一篇：JavaScript 语句
下一篇：title标签和meta标签怎样设置？有什么含义？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

贼好用的Java工具类库，GitHub星标10k+，你在用吗？

介

功能

简单测试

SecureUtil（加密解密工具）

HtmlUtil（HTML工具类）

您的项目需求