爱特whois使用golang重写啦 - 资源

1 .

我这个PHP的

http://woe.pw
米婊http://ooe.pw精品域名出售Dark's Bloghttps://ii.doYes , I do淘宝优惠券http://www.ii.do省钱实惠购物

2 . @暗，帮我写个电脑手机兼容的whois查询html，我换上去，写前端太蛋痛了。

3 .

@爱特，你需要把你现有的html源代码给我，因为我只会点html和css，其它啥都不懂
米婊http://ooe.pw精品域名出售Dark's Bloghttps://ii.doYes , I do淘宝优惠券http://www.ii.do省钱实惠购物

4 . @暗，

{{define "index/index"}}
    <html>
    <head>
        <title>{{.title}}</title>
        <style type="text/css">
            .st1 {
                padding: 4px;
            }

            .st1 input {
                color: gray;
                padding: 5px;
            }

            .st2 {
                padding: 4px;
                cursor: pointer;
                border-radius: 7px;
                padding-bottom: 3px;
                margin: 0px 0px 1px 7px;
                background-color: #800000;
                border-right: 2px solid #B22222;
                border-bottom: 3px solid #B22222;
            }

            .head {
                padding: 7px;
                background-color: #69badc;
                border-right: 3px solid #2cb1e2;
                border-bottom: 4px solid #2cb1e2;
            }

            .boot {
                padding: 8px;
                background-color: #23aee9;
                border-right: 2px solid #006ec3;
                border-bottom: 3px solid #006ec3;
            }
        </style>
        <script type="text/javascript">
            function check() {
                var d = document.getElementById('domain');
                var c = document.getElementById('content');
                var s = document.getElementById('subdata');
                if (d.value.length < 4) {
                    alert('Empty !');
                } else {
                    s.style.color = "red";
                    c.style.color = "red";
                    c.innerHTML = "Loading ....";
                    c.style.margin = "2px 1px 4px 1px";
                    c.style.border = "1px dotted orange";
                    whois();
                }
            }

            function whois() {
                var x = new XMLHttpRequest;
                var d = document.getElementById('domain');
                var c = document.getElementById('content');
                var s = document.getElementById('subdata');
                x.open("GET", "?ajax&domain=" + encodeURI(d.value), "true");
                x.send();
                x.onreadystatechange = function () {
                    if (x.readyState === 4 && x.status === 200) {
                        s.style.color = "";
                        c.style.color = "grey";
                        c.innerHTML = x.responseText;
                    }
                }
            }

            function init1() {
                var u = '{{.query_url}}';
                var d = document.getElementById('domain');
                if (u.indexOf('domain=') === -1) {
                    return false;
                }
                v = u.split('domain=');
                if (v[1].length < 4) {
                    return false;
                }
                d.value = decodeURI(v[1]);
                check();
            }

            function enter() {
                if (event.keyCode === 13) {
                    check();
                }
            }
        </script>
    </head>
    <body onload="init1()">
    <div class="head">爱特&ensp;WHOIS&ensp;查询，让查询更简单（<a href="https://github.com/xiaoqidun/whois" target="_blank">全平台命令行客户端</a>）
    </div>
    <div class="st1">
        <label for="domain">顶域或IP：</label><input id="domain" type="text" onkeydown="enter()">
        <span id="subdata" onclick="check()" class="st2">查询</span>
    </div>
    <div id="content"></div>
    <div class="boot">CopyRight © 2014-{{.next_year}} whois.aite.xyz All Rights Reserved</div>
    </body>
    </html>
{{end}}

5 .

@爱特，我直接套的我那css,颜色什么的你自己改改就好了，js那些输出内容的我就看不懂了


{{define "index/index"}}
<html>
    <head>
        <title>{{.title}}</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
        <style type="text/css">
* {
	margin: 0;
	padding: 0;
}

html,body {
	margin: 0 auto;
	background-color: #FFC1C1;
}

.main {
	color: #fff;
	text-align: center;
	padding: 4.5rem 0 2rem 0;
	margin: 0 auto;
}

.logo {
	font-size: 2.5rem;
	color: #ff6a6a;
	padding: 0 0 3rem 0;
	text-shadow: #000 0.1rem 0.1rem 0.2rem;
}

.search>* {
	display: inline-block;
	outline: none;
}

.search>input {
	height: 2.2rem;
	width: 60%;
	padding: 0 0.5rem;
	background: #fff;
	color: #ff6262;
	font-size: 1rem;
	margin-right: -0.5rem;
	border-radius: 0.3rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border: 0.065rem solid #ddd;
	border-right: 0;
	vertical-align: top;
	box-sizing: border-box;
	box-shadow: 0 0.5rem 0.5rem 0 rgba(0,0,0,0.24),0 1rem 1rem 0 rgba(0,0,0,0.19);
}

.search>input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	position: relative;
	height: 1rem;
	width: 1rem;
	border-radius: 50%;
	background: #ebebeb no-repeat center;
}

.search>input::-webkit-input-placeholder {
	text-align: left;
}

.search>button {
	height: 2.2rem;
	width: 12%;
	color: #fff;
	background: #fa6262;
	border-radius: 0.3rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
	border: 0.065rem solid #fa6262;
	box-shadow: 0.2rem 0.5rem 0.5rem 0rem rgba(0,0,0,0.24),0 1rem 1rem 0 rgba(0,0,0,0.19);
	font-size: 1.1rem;
}

.boot {
    padding: 3rem;
}

@media(min-width:768px) {
	.main {
		padding: 6.5rem 0 3.5rem 0;
		width: 45rem;
	}

	.logo {
		font-size: 3rem;
		padding: 0rem 0 4rem 0;
	}

	.search>input {
		height: 2.5rem;
		width: 50%;
		font-size: 1rem;
	}

	.search>input[type=search]::-webkit-search-cancel-button {
		height: 1.2rem;
		width: 1.2rem;
	}

	.search>button {
		height: 2.5rem;
		width: 9%;
		padding: 0.5rem;
		font-size: 1.2rem;
	}

}
        </style>
        <script type="text/javascript">
            function check() {
                var d = document.getElementById('domain');
                var c = document.getElementById('content');
                var s = document.getElementById('subdata');
                if (d.value.length < 4) {
                    alert('Empty !');
                } else {
                    s.style.color = "red";
                    c.style.color = "red";
                    c.innerHTML = "Loading ....";
                    c.style.margin = "2px 1px 4px 1px";
                    c.style.border = "1px dotted orange";
                    whois();
                }
            }

            function whois() {
                var x = new XMLHttpRequest;
                var d = document.getElementById('domain');
                var c = document.getElementById('content');
                var s = document.getElementById('subdata');
                x.open("GET", "?ajax&domain=" + encodeURI(d.value), "true");
                x.send();
                x.onreadystatechange = function () {
                    if (x.readyState === 4 && x.status === 200) {
                        s.style.color = "";
                        c.style.color = "grey";
                        c.innerHTML = x.responseText;
                    }
                }
            }

            function init1() {
                var u = '{{.query_url}}';
                var d = document.getElementById('domain');
                if (u.indexOf('domain=') === -1) {
                    return false;
                }
                v = u.split('domain=');
                if (v[1].length < 4) {
                    return false;
                }
                d.value = decodeURI(v[1]);
                check();
            }

            function enter() {
                if (event.keyCode === 13) {
                    check();
                }
            }
        </script>
    </head>
    <body onload="init1()">
    <div class="main">
    <div class="logo">爱特&ensp;WHOIS
    </div>
    <div class="search">
        <input id="domain" type="text" onkeydown="enter()">
        <button id="subdata" onclick="check()" class="st2">查询</button>
    </div>
    <div id="content"></div>
    <div class="boot">CopyRight © 2014-{{.next_year}} whois.aite.xyz All Rights Reserved</div>
    </div>
    </body>
    </html>
    {{end}}

米婊http://ooe.pw精品域名出售Dark's Bloghttps://ii.doYes , I do淘宝优惠券http://www.ii.do省钱实惠购物

6 .

@爱特，不过那显示域名相关的样式如下，你可以想办法加上去

pre {
	background-color: RGB(0,0,0,0.5);
	line-height: 1.5rem;
	text-align: left;
	padding: 0 1rem;
	margin: 3rem 1rem 0 1rem;
	font-size: 0.8rem;
	color: #fff;
	white-space: pre-wrap!important;
	word-wrap: break-word!important;
	*white-space: normal!important;
	border-radius: 0.5rem;
	overflow: hidden;
	font-family: Arial,Helvetica,sans-serif;
	box-shadow: 0 0.5rem 0.5rem 0 rgba(0,0,0,0.24),0 1rem 1rem 0 rgba(0,0,0,0.19);
}

米婊http://ooe.pw精品域名出售Dark's Bloghttps://ii.doYes , I do淘宝优惠券http://www.ii.do省钱实惠购物

7 .

@爱特，web框架是gin还是beego？？
红米Note7 高配版(黑色)

8 . @无道，gin。

9 . 很实用，可以考虑增强一下。
比如批量功能。
域名过滤，在一段html中提取所有域名。
信息提取，提取注册时间，更新时间，和到期时间。