hduhelp · setcy · Oct 13, 2023 · Oct 7, 2023 · Oct 13, 2023 · Oct 13, 2023
diff --git a/Eromona/test-site/images/R-C.png b/Eromona/test-site/images/R-C.png
diff --git a/Eromona/test-site/index.html b/Eromona/test-site/index.html
@@ -0,0 +1,75 @@
+
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <link rel="stylesheet" href="styles\style.css"/ type="text/css"/>
+    <meta charset="utf-8">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&family=Zhi+Mang+Xing&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap" rel="stylesheet">
+    <link rel="icon" href="web\test-site\images\R-C.png" size="16x16"/>
+</head>
+<body>
+  <h1>
+    学生信息管理系统
+  </h1>
+<div id="one">
+  <button id="add">
+    新增
+  </button>
+  <button id="delete">
+   删除 
+  </button>
+  </div>
+  <p> </p>
+  <table>
+   <thead>
+    <tr>
+  <th><input type="checkbox" id="checkAll"/></th>
+  <th>序号</th>
+  <th>学号</th>
+  <th>姓名</th>
+  <th>学院</th>
+  <th>专业</th>
+  <th>年级</th>
+  <th>班级</th>
+  <th>年龄</th>
+  <th>操作</th>
+    </tr>
+   </thead>
+   <tbody>
+   <tr>
+  <td><input type="checkbox" name="item"/></td>
+  <td>1</td>
+  <td id="num">11111111111</td>
+  <td>张三</td>
+  <td>通信学院</td>
+  <td>电子信息类</td>
+  <td>2000</td>
+  <td>6</td>
+  <td>21</td>
+  <td>查看 修改</td>
+    </tr>
+    <tr>
+      <td><input type="checkbox" name="item"/></td>
+      <td id="num">2</td>
+      <td>2222222222</td>
+      <td>李四</td>
+      <td>通信学院</td>
+      <td>电子信息类</td>
+      <td>2000</td>
+      <td>6</td>
+      <td>21</td>
+      <td>查看 修改</td>
+        </tr>
+   </tbody>
+  </table>
+  <p>第1页/共1页</p>
+  <div id="two">
+<button id="last">上一页</button>
+<button id="next">下一页</button>
+</div>
+<script src="scripts\main.js" defer></script>
+</body>
+</html>
diff --git a/Eromona/test-site/scripts/main.js b/Eromona/test-site/scripts/main.js
@@ -0,0 +1,97 @@
+     let num;
+     let nums;
+
+     function numSetting(){
+      nums=document.querySelectorAll("#num");
+      num=nums.length;
+     }
+
+     document.getElementById("add").onclick=function(){
+        numSetting();
+        num=num+1; 
+        let id=prompt("学号");
+        let name=prompt("姓名");
+        let academy=prompt("学院");
+        let major=prompt("专业");
+        let year=prompt("年级");
+        let cla=prompt("班级");
+        let age=prompt("年龄");
+        let operation="查看 修改";
+
+        let td_checkBox=document.createElement("td");
+        let td_num=document.createElement("td");
+        let td_id=document.createElement("td");
+        let td_name=document.createElement("td");
+        let td_academy=document.createElement("td");
+        let td_major=document.createElement("td");
+        let td_year=document.createElement("td");
+        let td_cla=document.createElement("td");
+        let td_age=document.createElement("td");
+        let td_operation=document.createElement("td");
+
+        let text_num=document.createTextNode(num);
+        let text_id=document.createTextNode(id);
+        let text_name=document.createTextNode(name);
+        let text_academy=document.createTextNode(academy);
+        let text_major=document.createTextNode(major);
+        let text_year=document.createTextNode(year);
+        let text_cla=document.createTextNode(cla);
+        let text_age=document.createTextNode(age);
+        let text_operation=document.createTextNode(operation);
+
+        td_num.appendChild(text_num);
+        td_id.appendChild(text_id);
+        td_name.appendChild(text_name);
+        td_academy.appendChild(text_academy);
+        td_major.appendChild(text_major);
+        td_year.appendChild(text_year);
+        td_cla.appendChild(text_cla);
+        td_age.appendChild(text_age);
+        td_operation.appendChild(text_operation);
+
+        td_num.setAttribute("id","num");
+
+        let checkBox=document.createElement("input");
+        checkBox.setAttribute("type","checkbox");
+        checkBox.setAttribute("name","item");
+        td_checkBox.appendChild(checkBox);
+
+        let tr=document.createElement("tr");
+        tr.appendChild(td_checkBox);
+        tr.appendChild(td_num);
+        tr.appendChild(td_id);
+        tr.appendChild(td_name);
+        tr.appendChild(td_academy);
+        tr.appendChild(td_major);
+        tr.appendChild(td_year);
+        tr.appendChild(td_cla);
+        tr.appendChild(td_age);
+        tr.appendChild(td_operation);
+        let tbody=document.getElementsByTagName("tbody")[0];
+        tbody.appendChild(tr);
+     }
+
+     let checkAll=document.getElementById("checkAll");
+     let checks=document.querySelectorAll("table>tbody>tr>td>input");
+     let deletedTable;
+     let deletedTr;
+     let m;
+
+   checkAll.onclick=function(){
+      checks=document.querySelectorAll("table>tbody>tr>td>input");
+      for(m=0;m<checks.length;m++){
+         checks[m].checked=checkAll.checked;
+      }
+   }
+
+   document.getElementById("delete").onclick=function(){
+      checks=document.querySelectorAll("table>tbody>tr>td>input");
+      for(m=0;m<checks.length;m++){
+         if(checks[m].checked){
+            deletedTable=checks[m].parentNode.parentNode.parentNode;
+            deletedTr=checks[m].parentNode.parentNode;
+            deletedTable.removeChild(deletedTr);
+         }
+      }
+   }
+
diff --git a/Eromona/test-site/styles/ZhiMangXing-Regular.ttf b/Eromona/test-site/styles/ZhiMangXing-Regular.ttf
diff --git a/Eromona/test-site/styles/style.css b/Eromona/test-site/styles/style.css
@@ -0,0 +1,70 @@
+body{
+  background-color:#ffeaaa;
+}
+h1{
+  font-family: 'Zhi Mang Xing', cursive;
+  font-size: 40px;
+  color:rgb(147, 184, 252);
+  text-shadow: 1px 1px 1px black;
+  text-align: center;
+}
+button{
+  border-radius: 8px;
+  color:white;
+  font-size:20px;
+  background-color:greenyellow;
+
+}
+#delete,#next{
+  background-color: red;
+}
+table{
+  font-family: 'ZCOOL KuaiLe', sans-serif;
+  table-layout:fixed;
+  width:100%;
+  border-collapse: collapse;
+  border:3px solid ;
+}
+thead th:nth-child(1){
+
+}
+th{
+  letter-spacing: 2px;
+}
+td{
+  letter-spacing: 1px;
+}
+tbody td{
+  text-align: center;
+}
+thead, tfoot {
+  color: white;
+  text-shadow: 1px 1px 1px black;
+}
+p{
+  font-size: 10px;
+}
+tbody tr:nth-child(odd){
+  background-color: white;
+}
+tbody tr:nth-child(even){
+  background-color:#bdbdbd ;
+}
+thead th:nth-child(1),thead th:nth-child(2),thead th:nth-child(8){
+  width:4%;
+}
+thead th:nth-child(4){
+  width:10%;
+}
+thead th:nth-child(9){
+  width:10%;
+}
+thead th:nth-child(5),thead th:nth-child(10){
+  width:12%;
+}
+thead th:nth-child(6),thead th:nth-child(3){
+  width:16%;
+}
+#two{
+  text-align: right;
+}