Merge pull request '更新软件原型文件' (#1) from lyy_branch into main

7 months ago · 56ee5ef561
parent 67488939ac 248291e067
commit 56ee5ef561
7 changed files with 186 additions and 0 deletions
--- a/prototype/button.jpg
+++ b/prototype/button.jpg
--- a/prototype/cg.jpg
+++ b/prototype/cg.jpg
--- a/prototype/entry.html
+++ b/prototype/entry.html
@ -0,0 +1,45 @@
 <head><link href="s.css" rel="stylesheet" type="text/css" /><div align ="center" class="font3">
    <p>
      <i>Welcome to The Nginx Operation System OS
      </i>
    </p>
  </div> </head>
 <div class="body">
 <h2 align ="center">Start the HADG System</h2>
 <div class="font2">
 <table align="center">
    <tbody><tr>
        <td align="center">
            <a href="./mainpage.html">
            <img
                src="exit.png"
                alt="开始按钮"
                width="100"
                height="100"
                title="Start button" /></a>
        </td>
    </tr></tbody>
 </table>
 <h2 align ="center">Exit the HADG System</h2>
 <table align="center">
    <tbody><tr>
        <td align="center">
            <img
  src="button.jpg"
  alt="开始按钮"
  width="100"
  height="100"
  title="Exit button" />
        </td>
    </tr></tbody>
 </table>
 </div>
  <p>
    <tr>
    这是基于Nginx的高可用网关系统的开始界面，点击start按钮，开启网关服务；点击exit按钮，退出系统服务。</tr><br/>
    <br>
    <br>
    <tr>当前系统版本号：001</tr>
  </p>
  <footer align="right">- developed by徐明洋软件开发小组, <cite></cite></footer>
 </div>
--- a/prototype/exit.png
+++ b/prototype/exit.png
--- a/prototype/mainpage.html
+++ b/prototype/mainpage.html
@ -0,0 +1,58 @@
 <html>
 <head><link href="style.css" rel="stylesheet" type="text/css" />
 </head>
 <div class="body">
 <table>
  <body background="favorite-1.jpg">
  <caption>
    <div class="font3">
      <p>
        <i>The Nginx Operation System OS
        </i>
      </p>
    </div>
  </caption>
  <thead>
    <tr>
      <th scope="col">状态</th>
      <th scope="col">服务器名称</th>
      <th scope="col">距上一次响应时间</th>
      <th scope="col">当前服务器状态</th>
      <th scope="col">返回报文报头</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td scope="row"><svg width="50" height="50">
  <rect width="100%" height="100%" fill="lightgreen" />
 </svg>
 </td>
      <td align="center">北京</td>
      <td align="center">70ms</td>
      <td align="center">正常</td>
      <td align="center">TCP</td>
    </tr>
    <tr>
      <td scope="row"><svg width="50" height="50">
  <rect width="100%" height="100%" fill="red" />
 </svg></td>
      <td align="center">上海</td>
      <td align="center">1300ms</td>
      <td align="center">受损</td>
      <td align="center">TCP</td>
    </tr>
    <tr>
      <td scope="row"><svg width="50" height="50">
  <rect width="100%" height="100%" fill="tan" />
 </svg></td>
      <td align="center">长沙</td>
      <td align="center">70ms</td>
      <td align="center">繁忙</td>
      <td align="center">TCP</td>
    </tr>
  </tbody>
 </body>
 </table>
 </div>
 </html>
--- a/prototype/s.css
+++ b/prototype/s.css
@ -0,0 +1,19 @@
 .font3 > p {
    font-size: 35px;
    text-shadow: 5px 5px 5px black, 0px 0px 2px black;
    color: rgb(47, 7, 243);
 }
 body {
    width: 100%;
    height: 100vh;	/* 重点一 */
    margin: 0 auto;
    background-image: url(cg.jpg);
    background-repeat: no-repeat;
    background-size: cover; /* 重点二 */
    overflow: auto;
 }
 .font2 > p {
    font-size: 20px;
    text-shadow: 5px 5px 5px black, 0px 0px 2px black;
    color: rgb(245, 244, 250);
 }
--- a/prototype/style.css
+++ b/prototype/style.css
@ -0,0 +1,64 @@
 /* spacing */
 table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 3px solid purple;
 }
 table th{
  border:1px solid black;
  background-color:#71c1fb;
  width:100px;
  height:20px;
  font-size:15px;
 }
 table td{
    border:1px solid #A6C1E4;
    text-align:center;
    height:15px;
    padding-top:5px;
    font-size:12px;
 }
 thead th:nth-child(1) {
  width: 30%;
 }
 thead th:nth-child(2) {
  width: 20%;
 }
 thead th:nth-child(3) {
  width: 15%;
 }
 thead th:nth-child(4) {
  width: 35%;
 }
 th,
 td {
  padding: 20px;
 }
 .font3 > p {
  font-size: 40px;
  text-shadow: 5px 5px 5px black, 0px 0px 2px black;
  color: rgb(54, 15, 229);
 }
 body {
  width: 100%;
  height: 100vh;	/* 重点一 */
  margin: 0 auto;
  background-image: url(cg.jpg);
  background-repeat: no-repeat;
  background-size: cover; /* 重点二 */
  overflow: auto;
 }