Skip to content

Commit 687aacc

Browse files
update
1 parent ecd56f9 commit 687aacc

File tree

4 files changed

+121
-90
lines changed

4 files changed

+121
-90
lines changed

public/index.html

Lines changed: 31 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -7,20 +7,39 @@
77
<script src="./main.js"></script>
88
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
99
<link rel="stylesheet" type="text/css" href="./main.css">
10+
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
11+
<script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
12+
<script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
1013
<title>简单留言板</title>
1114
</head>
12-
<body>
13-
<h1 id="h1">简单留言板-测试版</h1>
14-
<button id="re" onclick="re()">刷新</button>
15-
<div id="msg">
16-
<p>test</p>
15+
<body>
16+
<div class="container mt-3">
17+
<h1>简单留言板-测试版</h1>
18+
<button id="re" onclick="re()" type="button" class="btn btn-primary">刷新</button>
19+
<hr>
20+
<div id="send">
21+
<div class="mb-3 mt-3">
22+
<label for="email" class="form-label">显示名称</label>
23+
<input type="email" class="form-control" id="user" placeholder="显示名称" name="text">
24+
</div>
25+
<div class="mb-3">
26+
<label for="pwd" class="form-label">请输入留言内容</label>
27+
<textarea class="form-control" rows="3" id="text" placeholder="输入留言内容" name="text"></textarea>
28+
<!--<input type="password" class="form-control" id="coment" placeholder="输入留言内容" name="pswd">-->
29+
</div>
30+
<button type="submit" class="btn btn-primary" onclick="send()">提交</button>
31+
</div>
32+
<hr>
33+
<div id="message">
34+
</div>
35+
<template>
36+
<div class="card msgstr">
37+
<div class="'card-header user" id="user"></div>
38+
<div class="card-body" id="msgtext"></div>
39+
</div>
40+
<br>
41+
</template>
42+
1743
</div>
18-
显示名称:
19-
<input id="user" type="text" required />
20-
<br>
21-
留言内容:
22-
<input id="text" type="text" required/>
23-
<br>
24-
<button id="send" onclick="send()">发送</button>
2544
</body>
2645
</html>

public/main.js

Lines changed: 36 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,49 @@ function send(){
33
var msg = document.getElementById("text").value;
44
$.get("http://127.0.0.1:8081/add", { user : user , msg :msg }, function( data ,status ){
55
console.log(status);
6+
location.reload();
67
})
78
}
89

910
function re(){
10-
var msg;
11-
$.get("http://127.0.0.1:8081/get", function( data , status ) {
11+
location.reload();
12+
/*$.get("http://127.0.0.1:8081/get", function( data , status ) {
1213
num = Object.keys(data).length;//获取返回留言长度
13-
console.log(data[num]);
14-
var msg = data[0].user + data[0].msg + "-";
14+
//var msg = data[0].user + ":" + data[0].msg + "\n";
1515
for (var i=1; i < num; i++){
16-
msg = msg + data[i].user + data[i].msg + "-";
16+
var msg = msg + data[i].user + ":" + data[i].msg + "\n";
1717
}
1818
console.log(msg);
19+
//document.getElementById('msg').innerHTML = msg;
20+
})*/
21+
}
22+
23+
window.onload = function(){
24+
console.log("test");
25+
$.get("http://127.0.0.1:8081/get", function( data , status ) {
26+
num = Object.keys(data).length;//获取返回留言长度
27+
//var msg = data[0].user + data[0].msg + "\n";
28+
for (var i=num-1; i >= 0; i--){
29+
var msgstr = document.createElement('DIV');
30+
var msguser = document.createElement('DIV');
31+
var msgtext = document.createElement('DIV');
32+
var br = document.createElement('BR');
33+
msgstr.className = 'card';
34+
msgstr.id = i;
35+
36+
msguser.className = 'card-header';
37+
msguser.id = 'msguser'+ i;
38+
msguser.textContent = data[i].user;
39+
40+
msgtext.className = 'card-body';
41+
msgtext.id = 'msgtext'+ i;
42+
msgtext.textContent = data[i].msg;
43+
44+
msgstr.appendChild(msguser);
45+
msgstr.appendChild(msgtext);
46+
47+
document.getElementById("message").appendChild(msgstr);
48+
document.getElementById("message").appendChild(br);
49+
}
1950
})
2051
}

save/log.txt

Lines changed: 48 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,48 @@
1-
Fri May 06 2022 16:39:41 GMT+0800 (GMT+08:00)-server-on
2-
Fri May 06 2022 16:39:45 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
3-
Sat May 07 2022 08:58:35 GMT+0800 (GMT+08:00)-server-on
4-
Sat May 07 2022 08:58:38 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
5-
Sat May 07 2022 09:01:29 GMT+0800 (GMT+08:00)-server-on
6-
Sat May 07 2022 09:04:35 GMT+0800 (GMT+08:00)-server-on
7-
Sat May 07 2022 09:05:29 GMT+0800 (GMT+08:00)-server-on
8-
Sat May 07 2022 09:05:48 GMT+0800 (GMT+08:00)-server-on
9-
Sat May 07 2022 09:05:59 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
10-
Sat May 07 2022 09:06:06 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
11-
Sat May 07 2022 09:10:27 GMT+0800 (GMT+08:00)-server-on
12-
Sat May 07 2022 09:10:31 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
13-
Sat May 07 2022 09:12:12 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
14-
Sat May 07 2022 10:09:50 GMT+0800 (GMT+08:00)-server-on
15-
Sat May 07 2022 10:11:55 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
16-
Sat May 07 2022 10:12:15 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求
17-
Sat May 07 2022 14:26:05 GMT+0800 (GMT+08:00)-server-on
18-
Sat May 07 2022 14:26:13 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
19-
Sat May 07 2022 14:26:32 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
20-
Sat May 07 2022 14:26:59 GMT+0800 (GMT+08:00)-server-on
21-
Sat May 07 2022 14:27:01 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
22-
Sat May 07 2022 14:28:08 GMT+0800 (GMT+08:00)-server-on
23-
Sat May 07 2022 14:28:49 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
24-
Sat May 07 2022 14:29:06 GMT+0800 (GMT+08:00)-server-on
25-
Sat May 07 2022 14:29:10 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
26-
Sat May 07 2022 14:29:50 GMT+0800 (GMT+08:00)-server-on
27-
Sat May 07 2022 14:29:53 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
28-
Sat May 07 2022 14:30:25 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求
29-
Sat May 07 2022 14:31:13 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
30-
Sat May 07 2022 14:31:25 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
31-
Sat May 07 2022 14:32:51 GMT+0800 (GMT+08:00)-server-on
32-
Sat May 07 2022 14:33:12 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求
33-
Sat May 07 2022 14:33:19 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求
34-
Sat May 07 2022 14:35:48 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求
35-
Sat May 07 2022 14:39:29 GMT+0800 (GMT+08:00)-server-on
36-
Sat May 07 2022 14:39:45 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求-[object Object]
37-
Sat May 07 2022 14:44:46 GMT+0800 (GMT+08:00)-server-on
38-
Sat May 07 2022 14:44:46 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
39-
Sat May 07 2022 14:45:16 GMT+0800 (GMT+08:00)-server-on
40-
Sat May 07 2022 14:45:21 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
41-
Sat May 07 2022 14:45:23 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
42-
Sat May 07 2022 14:49:16 GMT+0800 (GMT+08:00)-server-on
43-
Sat May 07 2022 14:49:20 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
44-
Sat May 07 2022 14:57:21 GMT+0800 (GMT+08:00)-server-on
45-
Sat May 07 2022 14:57:22 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
46-
Sat May 07 2022 14:57:25 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
47-
Sat May 07 2022 14:57:39 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
48-
Sat May 07 2022 14:57:41 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
49-
Sat May 07 2022 14:57:42 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
50-
Sat May 07 2022 15:01:16 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
51-
Sat May 07 2022 15:01:18 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
52-
Sat May 07 2022 15:01:45 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
53-
Sat May 07 2022 15:01:46 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
54-
Sat May 07 2022 15:01:47 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
55-
Sat May 07 2022 15:03:47 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
56-
Sat May 07 2022 15:03:50 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
57-
Sat May 07 2022 15:03:51 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
58-
Sat May 07 2022 15:08:19 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
59-
Sat May 07 2022 15:08:21 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
60-
Sat May 07 2022 15:09:54 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
61-
Sat May 07 2022 15:09:55 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
62-
Sat May 07 2022 15:10:35 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
63-
Sat May 07 2022 15:10:36 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
64-
Sat May 07 2022 15:11:01 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
65-
Sat May 07 2022 15:11:02 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
66-
Sat May 07 2022 15:11:29 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
67-
Sat May 07 2022 15:11:29 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
1+
Mon May 09 2022 16:27:26 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
2+
Mon May 09 2022 16:27:26 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
3+
Mon May 09 2022 16:27:28 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
4+
Mon May 09 2022 16:27:28 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
5+
Mon May 09 2022 16:27:40 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
6+
Mon May 09 2022 16:27:40 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
7+
Mon May 09 2022 16:27:59 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
8+
Mon May 09 2022 16:27:59 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
9+
Mon May 09 2022 16:28:13 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
10+
Mon May 09 2022 16:28:13 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
11+
Mon May 09 2022 16:28:26 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求
12+
Mon May 09 2022 16:28:26 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
13+
Mon May 09 2022 16:28:26 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
14+
Mon May 09 2022 16:28:35 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
15+
Mon May 09 2022 16:28:35 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
16+
Mon May 09 2022 16:29:02 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
17+
Mon May 09 2022 16:29:02 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
18+
Mon May 09 2022 16:29:28 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
19+
Mon May 09 2022 16:29:28 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
20+
Mon May 09 2022 16:29:49 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求
21+
Mon May 09 2022 16:29:49 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
22+
Mon May 09 2022 16:29:49 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
23+
Mon May 09 2022 16:30:39 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
24+
Mon May 09 2022 16:30:39 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
25+
Mon May 09 2022 16:31:34 GMT+0800 (GMT+08:00)-server-on
26+
Mon May 09 2022 16:31:40 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
27+
Mon May 09 2022 16:31:40 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
28+
Mon May 09 2022 16:31:59 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求
29+
Mon May 09 2022 16:31:59 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
30+
Mon May 09 2022 16:31:59 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
31+
Mon May 09 2022 17:00:58 GMT+0800 (GMT+08:00)-server-on
32+
Tue May 10 2022 07:27:50 GMT+0800 (GMT+08:00)-server-on
33+
Tue May 10 2022 07:27:54 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
34+
Tue May 10 2022 07:27:55 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
35+
Tue May 10 2022 07:28:12 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求
36+
Tue May 10 2022 07:28:12 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
37+
Tue May 10 2022 07:28:12 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
38+
Tue May 10 2022 07:28:57 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-添加留言请求
39+
Tue May 10 2022 07:28:57 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
40+
Tue May 10 2022 07:28:57 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
41+
Tue May 10 2022 07:29:14 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
42+
Tue May 10 2022 07:29:15 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
43+
Tue May 10 2022 07:29:33 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
44+
Tue May 10 2022 07:29:33 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
45+
Tue May 10 2022 07:32:13 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
46+
Tue May 10 2022 07:32:13 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求
47+
Tue May 10 2022 07:33:14 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-主页面访问
48+
Tue May 10 2022 07:33:14 GMT+0800 (GMT+08:00)-::ffff:127.0.0.1-获取留言请求

save/msg.json

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
[
22
{
3-
"user": "test",
4-
"msg": "芜湖"
3+
"user": "SimpleAstronaut",
4+
"msg": "啊哈哈哈哈哈,鸡汤来喽!"
55
},
66
{
7-
"user": "芜湖成了!",
8-
"msg": "芜湖"
7+
"user": "testname",
8+
"msg": "test"
99
},
1010
{
11-
"user": "王家琦",
12-
"msg": "芜湖"
11+
"user": "双料高级特工",
12+
"msg": "啊哈哈哈哈哈,鸡汤来喽"
1313
}
1414
]

0 commit comments

Comments
 (0)