console
var showaban = false;
var showaban = true;
var storageKey = "newtools20171213";
if (window.localStorage.getItem(storageKey) == null) {
$("#houduantools").after('<span class="newFeatureTip">●</span>');
$("#prop2yaml").before('<span class="newItem">●</span>');
document.getElementById("prop2yaml").onmouseover = function() {
window.localStorage.setItem(storageKey, "has");
$(".newFeatureTip").text('');
}
}
$(".cylable").click(function() {
if ($(this).hasClass("noclass")) return;
var isSelect = $(this).hasClass("btn-primary") $(this).parent().children().removeClass("btn-primary");
isSelect ? $(this).removeClass("btn-primary") : $(this).addClass("btn-primary");
})
var codes = {
"js": "var pattern = /{<0>}/;\nvar str = \"{<1>}\";\nconsole.log(pattern.test(str));",
"php": "$str = \"{<1>}\";\n$isMatched = preg_match('/{<0>}/', $str, $matches);\nvar_dump($isMatched, $matches);",
"go": "package main\n\nimport (\n\t\"fmt\"\n\t\"regexp\"\n)\n\nfunc main() {\n\tstr := \"{<1>}\"\n\tmatched, err := regexp.MatchString(\"{<0>}\", str)\n\tfmt.Println(matched, err)\n}",
"rb": "pattern = /{<0>}/\nstr = '{<1>}'\np pattern.match(str)",
"py": "import re\npattern = re.compile(ur'{<0>}')\nstr = u'{<1>}'\nprint(pattern.search(str))",
"java": "import java.util.regex.Matcher;\nimport java.util.regex.Pattern;\n\npublic class RegexMatches {\n\t\n\tpublic static void main(String args []) {\n\t\tString str = \"{<1>}\";\n\t\tString pattern = \"{<0>}\";\n\n\t\tPattern r = Pattern.compile(pattern);\n\t\tMatcher m = r.matcher(str);\n\t\tSystem.out.println(m.matches());\n\t}\n\n}",
};
var regexJsons = [["中文字符", "[\\\\u4e00-\\\\u9fa5]", "你好"], ["双字节字符", "[^\\\\x00-\\\\xff]", "你好"], ["邮箱", "\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}", "sanshu@bejson.com"], ["网址URL", "^((https|http|ftp|rtsp|mms)?:\/\/)[^\s]+", "http://www.bejson.com"], ["手机号", "0?(13|14|15|18)[0-9]{9}", "13913954321"], ["浮点数", "-?([1-9]\\\\d*.\\\\d*|0.\\\\d*[1-9]\\\\d*)", "10.24"], ["整数", "-?[1-9]\\\\d*", "1024"], ["QQ", "[1-9]([0-9]{5,11})", "624767717"], ["IP", "(25[0-5]|2[0-4]\\\\d|[0-1]\\\\d{2}|[1-9]?\\\\d)\.(25[0-5]|2[0-4]\\\\d|[0-1]\\\\d{2}|[1-9]?\\\\d)\.(25[0-5]|2[0-4]\\\\d|[0-1]\\\\d{2}|[1-9]?\\\\d)\.(25[0-5]|2[0-4]\\\\d|[0-1]\\\\d{2}|[1-9]?\\\\d)", "127.0.0.1"], ["身份证", "\\\\d{17}[\\\\d|x]|\\\\d{15}", "32091198705084587"], ["日期格式", "\\\\d{4}(\-|\/|.)\\\\d{1,2}\1\\\\d{1,2}", "2017-03-20"], ["中文、数字或字母", "[A-Za-z0-9_\-\\\\u4e00-\\\\u9fa5]+", "你好BeJSON"], ["", ""], ["", ""], ["", ""], ]
var changyongHtml = "";
for (var i = 0; i < regexJsons.length; i++) {
var reg = regexJsons[i];
changyongHtml += '<span class="label cylable label-warning" demo="' + reg[2] + '" onclick="regex.value=\'' + reg[1] + '\';">' + reg[0] + '</span>';
}
$("#changyong").html(changyongHtml);
$(function() {
$(".cylable").click(function() {
hide1.value = $(this).attr("demo");
})
})
$("#createCode").click(function() {
var keys = Object.keys(codes);
var vals = Object.values(codes);
var lancode = "";
for (var i = 0; i < keys.length; i++) {
var valsStr = vals[i].replace("{<0>}", regex.value);
valsStr = valsStr.replace("{<1>}", hide1.value);
lancode += '<div class="col-sm-6 col-md-4"><div class="thumbnail"><div class="caption"><h3>' + keys[i] + '</h3><pre>' + valsStr + '</pre></div></div></div>';
}
$("#codes").html(lancode);
})
<script src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<link href="//cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<script src="//cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="//cdn.bootcss.com/layer/3.0.1/skin/default/layer.min.css" rel="stylesheet">
<body>
<div class="aw-container-wrap">
<div class="container">
<div class="row">
<div class="aw-content-wrap clearfix">
<div class=" aw-main-content" style="min-height:700px;max-height:2000px">
<div class="panel panel-default">
<div class="panel-heading">
<div class="media">
<div class="media-body">
<h4 class="media-heading">正则表达式代码生成工具</h4>
<div id="desc1">正则表达式代码生成工具</div>
</div>
</div>
</div>
<div class="panel-body">
<div class="input-group">
<span class="input-group-addon" id="basic-addon3">正则表达式:</span>
<input type="text" id="regex" class="form-control" id="basic-url" aria-describedby="basic-addon3">
</div>
<p id="changyong"></p>
<p>
<div class="btn-group" role="group" aria-label="...">
<button type="button" id="createCode" class="btn btn-primary">生成代码</button>
<button type="button" class="btn btn-danger" onclick="regex.value=''">清空</button>
</div>
</p>
<p>
<div class="row" id="codes">
</div>
</p>
<input type="hidden" id="hide1" />
</div>
<div class="panel-footer"></div>
</div>
<script type="text/javascript">
$(".cylable").click(function(){
if($(this).hasClass("noclass"))return;
var isSelect = $(this).hasClass("btn-primary")
$(this).parent().children().removeClass("btn-primary");
isSelect?$(this).removeClass("btn-primary"):$(this).addClass("btn-primary");
})
var codes = {
"js":"var pattern = /{<0>}/;\nvar str = \"{<1>}\";\nconsole.log(pattern.test(str));",
"php": "$str = \"{<1>}\";\n$isMatched = preg_match('/{<0>}/', $str, $matches);\nvar_dump($isMatched, $matches);",
"go":"package main\n\nimport (\n\t\"fmt\"\n\t\"regexp\"\n)\n\nfunc main() {\n\tstr := \"{<1>}\"\n\tmatched, err := regexp.MatchString(\"{<0>}\", str)\n\tfmt.Println(matched, err)\n}",
"rb":"pattern = /{<0>}/\nstr = '{<1>}'\np pattern.match(str)",
"py":"import re\npattern = re.compile(ur'{<0>}')\nstr = u'{<1>}'\nprint(pattern.search(str))",
"java":"import java.util.regex.Matcher;\nimport java.util.regex.Pattern;\n\npublic class RegexMatches {\n\t\n\tpublic static void main(String args []) {\n\t\tString str = \"{<1>}\";\n\t\tString pattern = \"{<0>}\";\n\n\t\tPattern r = Pattern.compile(pattern);\n\t\tMatcher m = r.matcher(str);\n\t\tSystem.out.println(m.matches());\n\t}\n\n}",
};
var regexJsons = [
["中文字符","[\\\\u4e00-\\\\u9fa5]","你好"],
["双字节字符","[^\\\\x00-\\\\xff]","你好"],
["邮箱","\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}","sanshu@bejson.com"],
["网址URL","^((https|http|ftp|rtsp|mms)?:\/\/)[^\s]+","http://www.bejson.com"],
["手机号","0?(13|14|15|18)[0-9]{9}","13913954321"],
["浮点数","-?([1-9]\\\\d*.\\\\d*|0.\\\\d*[1-9]\\\\d*)","10.24"],
["整数","-?[1-9]\\\\d*","1024"],
["QQ","[1-9]([0-9]{5,11})","624767717"],
["IPv4","(25[0-5]|2[0-4]\\\\d|[0-1]\\\\d{2}|[1-9]?\\\\d)\.(25[0-5]|2[0-4]\\\\d|[0-1]\\\\d{2}|[1-9]?\\\\d)\.(25[0-5]|2[0-4]\\\\d|[0-1]\\\\d{2}|[1-9]?\\\\d)\.(25[0-5]|2[0-4]\\\\d|[0-1]\\\\d{2}|[1-9]?\\\\d)","127.0.0.1"],
["IPv6","((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:)))","1::0"],
["身份证","\\\\d{17}[\\\\d|x]|\\\\d{15}","32091198705084587"],
["日期格式","\\\\d{4}(\-|\/|.)\\\\d{1,2}\1\\\\d{1,2}","2017-03-20"],
["中文、数字或字母","[A-Za-z0-9_\-\\\\u4e00-\\\\u9fa5]+","你好BeJSON"],
["",""],
["",""],
["",""],
]
var changyongHtml = "";
for(var i=0;i<regexJsons.length;i++){
var reg = regexJsons[i];
changyongHtml+='<span class="label cylable label-warning" demo="'+reg[2]+'" onclick="regex.value=\''+reg[1]+'\';">'+reg[0]+'</span>';
}
$("#changyong").html(changyongHtml);
$(function(){
$(".cylable").click(function(){
hide1.value = $(this).attr("demo");
})
})
$("#createCode").click(function(){
var keys = Object.keys(codes);
var vals = Object.values(codes);
var lancode = "";
for(var i = 0;i<keys.length;i++){
var valsStr = vals[i].replace("{<0>}",regex.value);
valsStr = valsStr.replace("{<1>}",hide1.value);
lancode+='<div class="col-sm-6 col-md-4"><div class="thumbnail"><div class="caption"><h3>'+keys[i]+'</h3><pre>'+valsStr+'</pre></div></div></div>';
}
$("#codes").html(lancode);
})
</script>
</div></div></div>
.label {
margin-right: 20px;
cursor: pointer;
}
#changyong {
margin-top: 20px;
}
.a2016 {
color: white;
font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
text-align: center;
background: red;
border-radius: 2px;
}
.touxiang {
height: 20px;
line-height: 45px;
}