Compare commits
7 Commits
1b2fa8b518
...
06145e7c59
| Author | SHA1 | Date | |
|---|---|---|---|
|
06145e7c59 | ||
|
|
be322b86a9 | ||
|
|
8f6e09cf0f | ||
|
|
3ee0131b0e | ||
|
|
11b8592abf | ||
| 1eff2ea4d7 | |||
|
|
8388cf5925 |
1
.gitignore
vendored
1
.gitignore
vendored
@@ -1,2 +1,3 @@
|
||||
databases/*
|
||||
src/*
|
||||
public/message/static/src/video/*
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
### 2025.7.20
|
||||
<a href="https://ww3.tw/">点击访问</a>
|
||||
|
||||
## 2025.7.20
|
||||
open-ww3-project-ww3-tw
|
||||
个人博客地址（预计）
|
||||
---
|
||||
@@ -8,3 +10,4 @@ open-ww3-project-ww3-tw
|
||||
**署名**
|
||||
|
||||
skimrme
|
||||
|
||||
|
||||
@@ -2,11 +2,13 @@
|
||||
<head>
|
||||
<title>首页 | ww3</title>
|
||||
<meta charset="utf-8" lang="zh-CN">
|
||||
<meta name="viewport" content="width=1366px, initial-scale=1.0"> <!-- 页面等比例缩小 -->
|
||||
<link rel="icon" type="image/x-icon" href="./icon/original.ico">
|
||||
</head>
|
||||
<body>
|
||||
<div id="black_block">
|
||||
<div id="navbar1">
|
||||
<table border="0">
|
||||
<table border="0" style="background-color: rgba(147, 185, 255, 0.644);">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td id="td_navbar_40px"><b><a href="https://ww3.tw/" id="url_">首页</a></b></td>
|
||||
@@ -15,17 +17,23 @@
|
||||
<td id="td_navbar_75px"><b><a href="https://ww3.tw/short-url/" id="url_">短链生成</a></b></td>
|
||||
<td id="td_navbar_52px"><b><a href="https://gitea.ww3.tw/skimrme/" id="url_">gitea</a></b></td>
|
||||
<td id="td_navbar_135px"><b><a href="https://ww3.tw/docker-registry/" id="url_">docker-registry</a></b></td>
|
||||
<td id="td_navbar_40px"><b><a href="https://ww3.tw/api/" id="url_">api</a></b></td>
|
||||
<td id="td_navbar_40px"><b><a href="https://api.ww3.tw/" id="url_">api</a></b></td>
|
||||
<td id="td_navbar_40px"><b><a href="https://wiki.ww3.tw/" id="url_">wiki</a></b></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<br>
|
||||
<!-- 屑站日志 -->
|
||||
<div id="logs">
|
||||
<h3>屑站日志:<br></h3>
|
||||
<font size="3.2">
|
||||
<table border="0">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td id="td_logs">2025.07.26</td>
|
||||
<td id="td_logs_content">新增<a href="https://wiki.ww3.tw">wiki</a>页面</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="td_logs">2025.07.20</td>
|
||||
<td id="td_logs_content">新增<a href="https://gitea.ww3.tw/skimrme">gitea</a>、<a href="https://ww3.tw/docker-registry/">docker-registry</a>页面</td>
|
||||
@@ -42,9 +50,14 @@
|
||||
<div id="js_date"></div>
|
||||
<script>
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<?php
|
||||
include "../static/html/black-block.html";
|
||||
?>
|
||||
|
||||
<style>
|
||||
body
|
||||
{
|
||||
@@ -54,7 +67,7 @@
|
||||
#url_
|
||||
{
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
#logs
|
||||
@@ -62,7 +75,7 @@
|
||||
height: 220px;
|
||||
width: 450px;
|
||||
overflow: auto;
|
||||
background: #ffffff;
|
||||
background: #ffffffbc;
|
||||
/* up、right、down、left */
|
||||
margin: 40px 0px 0px 0px;
|
||||
}
|
||||
@@ -1,6 +1,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" lang="zh-CN">
|
||||
<meta name="viewport" content="width=1366px, initial-scale=1.0"> <!-- 页面等比例缩小 -->
|
||||
<link rel="stylesheet" type="text/css" href="./static/css/navbar/body_color.css">
|
||||
<link rel="icon" type="img/icon" href="./static/icon/original.ico">
|
||||
</head>
|
||||
@@ -28,28 +29,20 @@
|
||||
<a id="back_url" href="https://ww3.tw/"><b>..返回主页</b></a>
|
||||
</div>
|
||||
<div id="message_video">
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<h1>
|
||||
暂无视频
|
||||
</h1>
|
||||
<video src="./static/src/video/cirno-up-down.mp4" controls width="640" height="360">
|
||||
您的浏览器不支持视频播放。
|
||||
</video>
|
||||
</div>
|
||||
<div id="message_com">
|
||||
<div id="push_message">
|
||||
<label for="message">输入内容 : </label>
|
||||
<input type="text" id="message" placeholder="qwq">
|
||||
<button onclick="push_message()">发送弹幕</button>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
评论展示区
|
||||
<div id="message_com_black">
|
||||
发送区
|
||||
</div>
|
||||
<p>弹幕列表</p>
|
||||
<pre id="get_message"></pre>
|
||||
</div>
|
||||
<div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
@@ -70,57 +63,28 @@
|
||||
color: rgb(255, 74, 74);
|
||||
text-align: left;
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
|
||||
#message_video
|
||||
{
|
||||
background-color: blue;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: white;
|
||||
text-align: center;
|
||||
width: 60%;
|
||||
height: 69%;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 22%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 700px;
|
||||
height: 410px;
|
||||
/* 页面边距 上、右、下、左 */
|
||||
margin: 1.89% 0px 0px 0%;
|
||||
}
|
||||
|
||||
#message_com
|
||||
{
|
||||
background-color: white;
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
height: 69%;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 22%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
width: 360px;
|
||||
height: 410px;
|
||||
/* 页面边距 上、右、下、左 */
|
||||
margin: 1.89% 0px 0px 63.8%;
|
||||
margin: -405px 0px 0px 63.8%;
|
||||
}
|
||||
|
||||
#message_com_black
|
||||
{
|
||||
background-color: black;
|
||||
color: white;
|
||||
width: 100%;
|
||||
height: 8%;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
/* 页面边距 上、右、下、左 */
|
||||
margin: 108% 0px 0px 0%;
|
||||
}
|
||||
|
||||
#back_blok{
|
||||
/* 返回主页 */
|
||||
@@ -144,9 +108,66 @@
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--这里是专属js-->
|
||||
<script>
|
||||
//这里是专属js
|
||||
function push_message() {
|
||||
const messageInput = document.getElementById('message'); // 获取输入框元素本身
|
||||
const messageContent = messageInput.value.trim(); // 获取输入框的值
|
||||
|
||||
if (messageContent === "") {
|
||||
alert("弹幕内容不能为空！");
|
||||
return;
|
||||
}
|
||||
|
||||
messageInput.value = '';
|
||||
// *** 在这里清空输入框 ***
|
||||
|
||||
messageInput.focus();
|
||||
// 如果你想让输入框在清空后立即获得焦点，方便用户继续输入
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
<script>
|
||||
const API_URL = 'https://api.ww3.tw/public/danmu/get.php'; //连接api的地址
|
||||
|
||||
// 使用 DOMContentLoaded 事件，确保页面 HTML 结构加载完成后再执行 JavaScript
|
||||
document.addEventListener('DOMContentLoaded', async () => {
|
||||
// 获取用于显示内容的 <pre> 元素
|
||||
const getMessageElement = document.getElementById('get_message');
|
||||
|
||||
try {
|
||||
// 发送 GET 请求到 API
|
||||
const response = await fetch(API_URL);
|
||||
|
||||
// 检查 HTTP 响应状态码。如果不是 2xx（成功），说明有错误
|
||||
if (!response.ok) {
|
||||
// 尝试解析 API 返回的错误信息
|
||||
let errorDetails;
|
||||
try {
|
||||
// 假设 API 错误信息也是 JSON 格式
|
||||
errorDetails = await response.json();
|
||||
} catch (e) {
|
||||
// 如果不是 JSON，就作为纯文本处理
|
||||
errorDetails = await response.text();
|
||||
}
|
||||
// 抛出带有详细信息的错误
|
||||
throw new Error(`HTTP 错误! 状态码: ${response.status} - ${typeof errorDetails === 'object' && errorDetails !== null ? (errorDetails.message || JSON.stringify(errorDetails)) : errorDetails}`);
|
||||
}
|
||||
|
||||
// 你的 PHP API 返回的是 message.txt 的纯文本内容，所以这里使用 .text() 方法解析响应体
|
||||
const content = await response.text();
|
||||
|
||||
// **** 核心修改：将获取到的内容直接赋值给 <pre> 元素的 textContent ****
|
||||
getMessageElement.textContent = content;
|
||||
getMessageElement.classList.remove('loading'); // 移除加载提示样式
|
||||
|
||||
} catch (error) {
|
||||
// 如果在请求或处理过程中发生任何错误，捕获并显示
|
||||
console.error('获取弹幕内容失败:', error);
|
||||
getMessageElement.textContent = `错误: ${error.message}`;
|
||||
getMessageElement.classList.remove('loading'); // 移除加载提示样式
|
||||
getMessageElement.classList.add('error'); // 添加错误样式
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@@ -1,49 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" lang="zh-CN">
|
||||
<link rel="stylesheet" type="text/css" href="./static/css/body_color.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<?php
|
||||
$title = "Message | 留言";
|
||||
// title 变量
|
||||
|
||||
echo "<title>" . "$title" . "</title>";
|
||||
// 页面标题
|
||||
?>
|
||||
<body id="body_color">
|
||||
<div id="message_block">
|
||||
<div id="content_page">
|
||||
<?php
|
||||
echo "<h1>欢迎来到 $title</h1>";
|
||||
// 欢迎语
|
||||
|
||||
echo "感谢您的访问" . " " . "<br>" . "顾名思义" . "$title" . "就是用来记录留言的地方";
|
||||
// 介绍部分
|
||||
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!-- php 引入 -->
|
||||
<?php
|
||||
include "./static/css/navbar/index-css.html";
|
||||
// 引入navbar-css
|
||||
?>
|
||||
<!-- php 引入 -->
|
||||
|
||||
<style>
|
||||
/* 这里是专属css */
|
||||
#content_page
|
||||
{
|
||||
color: rgb(255, 74, 74);
|
||||
text-align: left;
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -1,52 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" lang="zh-CN">
|
||||
<!-- 引入css -->
|
||||
<link rel="stylesheet" type="text/css" href="./static/css/body.css">
|
||||
<?php
|
||||
include './static/html/content_message.html';
|
||||
//css 部分 引用 html
|
||||
?>
|
||||
<!-- 引入css -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php
|
||||
$title = "message";
|
||||
//定义变量 title
|
||||
|
||||
echo "<title>$title</title>";
|
||||
// 设定网站抬头
|
||||
|
||||
echo "<div id='init'>";
|
||||
|
||||
echo "<h1>欢迎来到 $title</h1>";
|
||||
// 欢迎语
|
||||
|
||||
echo "感谢您的访问" . " " . "<br>" . "顾名思义" . "$title" . "就是用来记录留言的地方";
|
||||
// 介绍部分
|
||||
|
||||
echo "</div>";
|
||||
|
||||
?>
|
||||
<div>
|
||||
<?php
|
||||
include './static/php/google_translate.php';
|
||||
// 引入 谷歌翻译
|
||||
?>
|
||||
<div id="content_message_block">
|
||||
|
||||
</div>
|
||||
<div id="content_message_video">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<style>
|
||||
#init
|
||||
{
|
||||
position: fixed;
|
||||
/* 页面边距 上、右、下、左 */
|
||||
margin: 70px 0px 0px 0px;
|
||||
}
|
||||
</style>
|
||||
@@ -2,10 +2,10 @@
|
||||
#message_block
|
||||
{
|
||||
background-color: rgba(0, 0, 0, 0.68);
|
||||
width: 85%;
|
||||
position: fixed;
|
||||
width: 1150px;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
0
public/message/static/js/video.js
Executable file
0
public/message/static/js/video.js
Executable file
@@ -0,0 +1 @@
|
||||
这是测试
|
||||
1
public/message/static/txt/测试.txt
Normal file
1
public/message/static/txt/测试.txt
Normal file
@@ -0,0 +1 @@
|
||||
测试
|
||||
14
public/static/html/black-block.html
Normal file
14
public/static/html/black-block.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<style>
|
||||
#black_block
|
||||
{
|
||||
background-color: rgba(0, 0, 0, 0.68);
|
||||
position: fixed;
|
||||
width: 1150px;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user