<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<title>Traefik网关路由管理系统 go网关</title><meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<meta name="description" content="Traefik网关路由管理系统" />
<meta name="aplus-xplug" content="NONE">
<meta name="keyword" content="Traefik网关路由管理系统 go网关 微服务中间件" />

      <style type="text/css">
 img{ float:left;margin:0 auto; border:1px solid gray; margin-top:5px} 
  .btn
  {
      height:80px; width:95%; font-size:30px; font-weight:bold;
    color: #ffffff;
    border-radius: 5px;
float:left;
    background: #70c9e3; /* Old browsers */
    background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */
    background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */

}
 ul li{ list-style-type: none; margin:10px; } 
li {float:left;width:900px;font-size:25px;}
span{ display:block;}

*{
		box-sizing: border-box;
	}
		.login{
		position:fixed;
		left: 0;
		top:0;
		right: 0;
		bottom:0;
		background-color: #efefef;
	}
	#LGBtn {
		background:#0091FF;
		border:1px solid #0091FF;
	}
	#LGBtn:hover {
		background:#33A7FF;
		border:1px solid #33A7FF;
	}
	#LGBtn:active {
		background:#0082E5;
		border:1px solid #0082E5;
	}
	.login-box{
		width: 440px;
		height: 500px;
		position:absolute;
		left: 50%;
		top:50%;
		margin-left: -220px;
		margin-top: -250px;
	}
	.login-box>img{
		display: block;
	}
	.form-wrap{
		margin-bottom: 0 !important;
		padding: 25px 70px 20px;
		background-color: #fff;
		border-radius: 0 0 8px 8px;
	}
	.form-wrap .form-group{
		margin-bottom: 20px;
	}
	.form-wrap .form-group label{
		margin-bottom: 8px;
		display: inline-block;
	}
	.form-wrap .form-group .input-group{
		display: flex;
		height: 40px;
		line-height: 40px;
	}				
	.form-wrap .form-group .input-group span{
		width: 50px;
		display: block;
		text-align: center;
		height: 40px;
		border:1px solid #d8dce5;
		border-right:none;
		border-radius: 2px 0 0 2px;
	}
	.form-wrap .form-group .input-group input {
		display: inline-block;
		  width: 250px;
	    border: 1px solid #ddd;
	    outline: none;
	    padding-left: 20px;
	    border-radius: 0 4px 4px 0;
	}
	.login-box .err-msg{
		font-size: 12px;
		color: #EF424D;
		letter-spacing: 0.8px;
		line-height: 17px;
		height: 17px;
		text-align: center;
	}
	.login-box .btn-block{
		display: block;
		width: 100%;
		margin: 30px 0 15px 0;
		height: 40px;
	}
	.button {
		display: block;
	    width: 48%;
	    margin: 10px 0 10px 0;
	    height: 50px;
	    color: #fff;
	    background-color: #409EFF;
	    border-color: #409EFF;
float:left;
	    line-height: 1;
	    white-space: nowrap;
	    cursor: pointer;
	    border: 1px solid #dcdfe6;
	    -webkit-appearance: none;
	    text-align: center;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    outline: 0;
	    -webkit-transition: .1s;
	    transition: .1s;
	    padding: 12px 20px;
	    font-size: 18px;
    border-radius: 4px;
	}

.buttonFull {
		display: block;
	    width: 100%;
	    margin:  0;
	    height: 60px;
	    color: #fff;
	    background-color: #409EFF;
	    border-color: #409EFF;

	    line-height: 1;
	    white-space: nowrap;
	    cursor: pointer;
	    border: 1px solid #dcdfe6;
	    -webkit-appearance: none;
	    text-align: center;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    outline: 0;
	    -webkit-transition: .1s;
	    transition: .1s;
	    padding: 12px 20px;
	    font-size: 30px;
    border-radius: 4px;
float:left;
	}

	.button:active{
		background: #3a8ee6;
    border-color: #3a8ee6;
	}
	#err-msg {
		font-size: 12px;
		color:red;
		text-align: center;
	}

</style>
</head>
<body >
<div id="all" style="width:100%;margin:0 auto;">
   
<input id="btnback" class="buttonFull" type="button" value="Traefik网关路由管理系统 go网关 微服务中间件"  onclick="goback()"/> &nbsp&nbsp&nbsp

<br>



<div style="width:100%">

<input  class="btn-block button"  class="btn"  value="下载" onclick="downloadWindows()"/>




</div>
<ul>

<li >


	
	 Traefik网关路由管理系统是一款基于traefik开放的KV管理API实现的服务路由管理系统。<br>
	 traefik是一款开源的反向代理与负载均衡工具<br>
	支持 入口管理  服务管理 路由管理 中间件管理 几大模块<br>
	


</li>

 <li > <img src="images/traefik/1.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/2.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/3.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/4.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/5.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/6.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/7.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/8.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/9.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/10.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/11.PNG"  id="imgtext"   alt="dbitmanage" /></li>
 <li > <img src="images/traefik/12.PNG"  id="imgtext"   alt="dbitmanage" /></li>
  </ul>

</div>
</body>

<script language="JavaScript" type="text/JavaScript">

var lan=RequestQueryString("lan");

if(lan!=null&&lan.length>0)
{
if(lan=="cn"||lan=="tw"||lan=="hk"||lan=="CN"||lan=="TW"||lan=="HK")
{

}
else

{
 window.location = "InvoiceServer_en.htm";

}
}

    function goback() {
        window.location = "../index.html";
    }
   function downloadWindows() {
        window.location = "https://github.com/zzxap/TraefikAdmin"; 
    }

function downloadMacStore() {

  
       window.location = "https://apps.apple.com/cn/app/dbmanage-mysql-postgres-mssql/id1520017660"; 


	}
	


   function RequestQueryString(name) {
        name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
        var regexS = "[\\?&]" + name + "=([^&#]*)";
        var regex = new RegExp(regexS);
        var results = regex.exec(window.location.href);
        if (results == null)
            return "";
        else
            return decodeURIComponent(results[1].replace(/\+/g, " "));
    }
    function ResizeImages() {
        var myimg, oldwidth;
        var maxwidth = 800; //缩放系数 
        var minwidth = 500; //缩放系数 
        for (i = 0; i < document.images.length; i++) {
            myimg = document.images[i];
            // alert(myimg.width);
            if (myimg.width > maxwidth) {
                oldwidth = myimg.width;
                myimg.width = maxwidth;
                myimg.height = myimg.height * (maxwidth / oldwidth);
            }
            else {
                oldwidth = myimg.width;
                myimg.width = minwidth;
                myimg.height = myimg.height * (minwidth / oldwidth);
            }
        }
    }
</script>

</html>