<!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>K8S Kubernetes docker k8sclient 集群管理</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="K8S Kubernetes docker k8sclient 集群管理" />
<meta name="keyword" content="K8S Kubernetes docker k8sclient 集群管理" />

<style type="text/css">
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

img { 
  display: block;
  max-width: 100%;
  height: auto;
  margin: 10px auto;
  border: 1px solid gray;
}

ul {
  list-style: none;
  padding: 0;
  margin: 20px auto;
  max-width: 900px;   /* PC 最大宽度 */
  width: 90%;         /* PC 两边留 5% 空隙 */
  text-align: left;
}

li {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 20px;
  width: 100%;
}

.buttonFull {
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  height: 60px;
  color: #fff;
  background-color: #409EFF;
  border-color: #409EFF;
  cursor: pointer;
  border: 1px solid #dcdfe6;
  text-align: center;
  font-size: 24px;
  border-radius: 4px;
  transition: .1s;
}

.buttonFull:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
}

.button {
  display: block;
  width: 48%;
  margin: 10px 1%;
  height: 50px;
  color: #fff;
  background-color: #409EFF;
  border: 1px solid #dcdfe6;
  text-align: center;
  font-size: 18px;
  border-radius: 4px;
  float: left;
}

@media (max-width: 1024px) {
  ul {
    max-width: 100%;
    width: 95%;  /* 小屏时两边留 2.5% */
  }
  .button {
    width: 100%;  /* 小屏按钮占满 */
    float: none;
  }
}
</style>
</head>
<body>
<div id="all" style="width:100%;margin:0 auto;">
   
  <input id="btnback" class="buttonFull" type="button" 
         value="K8S Kubernetes docker k8sclient 集群管理"  
         onclick="goback()" /> 

  <div style="width:100px;text-align:center;">
    <input class="button" type="button" value="下载"  onclick="downloadWindows()"/>
  </div>
<br>
  <ul>
    <li>
      一个管理K8S集群的系统<br>
      可以实现 deployment、service、ingress 的新增、删除、修改、更新、列表<br>
      实现 node、pod 的显示和详情描述<br>
      实现 Docker 的列表显示、停止、删除操作<br><br>

      使用方法：<br>
      1. 先安装 k8s 系统<br>
      2. 解压 release.zip，进入 release 目录，解压 KubersClient.zip<br>
      3. 赋权：chmod 771 KubersClient<br>
      4. 在 k8s 主服务器运行 ./KubersClient （不能在 node 节点运行）<br>
      5. 浏览器访问 <code>http://主服务器ip:8081/web/#/namespace</code><br>
      6. 登录密码和端口在 config.ini 配置<br>
    </li>

    <li><img src="images/k8s/1.PNG" alt="截图1" /></li>
    <li><img src="images/k8s/2.PNG" alt="截图2" /></li>
    <li><img src="images/k8s/3.PNG" alt="截图3" /></li>
    <li><img src="images/k8s/4.PNG" alt="截图4" /></li>
    <li><img src="images/k8s/5.PNG" alt="截图5" /></li>
    <li><img src="images/k8s/6.PNG" alt="截图6" /></li>
    <li><img src="images/k8s/7.PNG" alt="截图7" /></li>
    <li><img src="images/k8s/8.PNG" alt="截图8" /></li>
    <li><img src="images/k8s/9.PNG" alt="截图9" /></li>
    <li><img src="images/k8s/10.PNG" alt="截图10" /></li>
    <li><img src="images/k8s/11.PNG" alt="截图11" /></li>
    <li><img src="images/k8s/12.PNG" alt="截图12" /></li>
    <li><img src="images/k8s/13.PNG" alt="截图13" /></li>
  </ul>

</div>
</body>

<script type="text/javascript">
function goback() {
  window.location = "../index.html";
}
function downloadWindows() {
  window.location = "https://github.com/zzxap/k8sclient"; 
}
</script>
</html>