Smart-agriculture-project
/
c-router-emulator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交fw.html

This commit is contained in:
zifan 2023-09-22 10:45:43 +08:00
parent a6a46d9b19
commit 416b3d287a
2 changed files with 106 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
www/arp.html
View File

@ -19,6 +19,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
padding: 50px;
} }
#arpTable { #arpTable {
@ -29,7 +30,6 @@
</head> </head>
<body> <body>
<div></div>
<div class="tablecenter"> <div class="tablecenter">
<table id="arpTable" width="700" align="center" border="1" cellspacing="0"> <table id="arpTable" width="700" align="center" border="1" cellspacing="0">
<thead> <thead>
@ -42,8 +42,6 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div></div>
<div></div>
<script> <script>
window.onload = function () { window.onload = function () {
fetch("/cgi-bin/arp.cgi").then(resp => resp.json()).then(data => { fetch("/cgi-bin/arp.cgi").then(resp => resp.json()).then(data => {

105
www/fw.html Executable file
View File

@ -0,0 +1,105 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="zifan">
<meta name="keywords" content="物联网">
<title>黑名单列表</title>
<style>
html,
body {
height: 100%;
margin: 0;
padding: 50px;
}
body {
display: flex;
flex-direction: column;
justify-content: space-between;
justify-items: center;
align-items: center;
}
.back {
background-color: rgba(41, 117, 117, 0.667);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
}
form {
padding: 10px;
}
</style>
</head>
<body>
<div>
<form onsubmit="return post_ip(this);" class="blackfrom">
<label>ip地址:</label>
<input name="ipaddr">
<button type="submit">添加</button>
<button type="button" id="del">删除</button>
</form>
<table class="balckTable back" width="350" align="center" border="1" cellspacing="0">
<thead>
<th>ID</th>
<th>ip地址</th>
</thead>
<tbody id="blackTableBody" align="center">
</tbody>
</table>
</div>
<script>
window.onload = function () {
fetch("/cgi-bin/fw.cgi").then(resp => resp.json()).then(data => {
blackTableBody.innerText = "";
data.forEach(rowData => {
let tr = document.createElement("tr");
let td1 = document.createElement("td");
let td2 = document.createElement("td");
td1.innerText = rowData.id;
td2.innerText = rowData.ip;
tr.append(td1, td2);
blackTableBody.append(tr);
});
}
)
let del = document.getElementById("del");
del.addEventListener("click", (event) => {
fetch("/cgi-bin/send.cgi").then(resp => resp.json()).then(data => {
if (data.code == 1) {
alert("删除成功!");
}
})
}
)
}
function post_ip(form) {
let form_data = {
ip: form.ipaddr.value
};
fetch("/cgi-bin/send.cgi", {
method: "post",
body: JSON.stringify(form_data),
headers: {
"Content-Type": "application/json;charset=utf-8"
}
}).then(resp => resp.json()).then(data => {
if (data.code == 0) {
alert("添加成功!");
}
})
onload();
return false;
}
</script>
</body>
</html>