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;
+}