skimrme/open-ww3-project-ww3-tw
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: skimrme:1b2fa8b51890c68a048f93bd4b606a08660cb01b
Branches Tags
skimrme:python skimrme:php
...
compare: skimrme:06145e7c5938896e96eab77364230079ead14865
Branches Tags
skimrme:python skimrme:php

7 Commits
1b2fa8b518 ... 06145e7c59

Author SHA1 Message Date
skimrme
06145e7c59 我都不知道我这次修改了什么，反正每周定期合并的时间到了，晚安啦xdm 2025-07-28 00:05:38 +08:00
skimrme
be322b86a9 video.js和video.css逻辑全忘记了，已经删掉了，有空重新配置，当年找文心一言配置的，但是现在我还是看不懂啊，大悲，不过现在我应该可以在genmini的帮助下搞定了吧，css我想没问题的，不过js好难啊 2025-07-27 22:26:48 +08:00
skimrme
8f6e09cf0f 再次完善页面缩放比例问题，放大了也不会发生奇怪的错位了 2025-07-27 20:49:18 +08:00
skimrme
3ee0131b0e 添加页面等比例缩放 2025-07-26 20:07:01 +08:00
skimrme
11b8592abf 测试提交 2025-07-26 07:29:32 +08:00
open_ww3_project
1eff2ea4d7 更新 README.md 
Signed-off-by: open_ww3_project <ww3masster@1win.eu.org>
 2025-07-25 23:09:12 +00:00
skimrme
8388cf5925 一些修改，删除api页面，逐渐完善弹幕留言，主页日志更新 2025-07-26 07:05:08 +08:00
13 changed files with 117 additions and 164 deletions
Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -1,2 +1,3 @@
databases/* databases/*
src/* src/*
public/message/static/src/video/*

5
README.md
View File

@@ -1,4 +1,6 @@
### 2025.7.20 <a href="https://ww3.tw/">点击访问</a>
## 2025.7.20
open-ww3-project-ww3-tw open-ww3-project-ww3-tw
个人博客地址（预计） 个人博客地址（预计）
--- ---
@@ -8,3 +10,4 @@ open-ww3-project-ww3-tw
**署名** **署名**
skimrme skimrme

21
public/blog/index.html → public/blog/index.php
View File

@@ -2,11 +2,13 @@
<head> <head>
<title>首页 | ww3</title> <title>首页 | ww3</title>
<meta charset="utf-8" lang="zh-CN"> <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"> <link rel="icon" type="image/x-icon" href="./icon/original.ico">
</head> </head>
<body> <body>
<div id="black_block">
<div id="navbar1"> <div id="navbar1">
<table border="0"> <table border="0" style="background-color: rgba(147, 185, 255, 0.644);">
<tbody> <tbody>
<tr> <tr>
<td id="td_navbar_40px"><b><a href="https://ww3.tw/" id="url_">首页</a></b></td> <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_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_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_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> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<br>
<!-- 屑站日志 --> <!-- 屑站日志 -->
<div id="logs"> <div id="logs">
<h3>屑站日志:<br></h3> <h3>屑站日志:<br></h3>
<font size="3.2"> <font size="3.2">
<table border="0"> <table border="0">
<tbody> <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> <tr>
<td id="td_logs">2025.07.20</td> <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> <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> <div id="js_date"></div>
<script> <script>
</script> </script>
</div>
</body> </body>
</html> </html>
<?php
include "../static/html/black-block.html";
?>
<style> <style>
body body
{ {
@@ -54,7 +67,7 @@
#url_ #url_
{ {
text-decoration: none; text-decoration: none;
color: black; color: rgb(0, 0, 0);
} }
#logs #logs
@@ -62,7 +75,7 @@
height: 220px; height: 220px;
width: 450px; width: 450px;
overflow: auto; overflow: auto;
background: #ffffff; background: #ffffffbc;
/* up、right、down、left */ /* up、right、down、left */
margin: 40px 0px 0px 0px; margin: 40px 0px 0px 0px;
} }

131
public/message/index.php
View File

@@ -1,6 +1,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8" lang="zh-CN"> <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="stylesheet" type="text/css" href="./static/css/navbar/body_color.css">
<link rel="icon" type="img/icon" href="./static/icon/original.ico"> <link rel="icon" type="img/icon" href="./static/icon/original.ico">
</head> </head>
@@ -28,28 +29,20 @@
<a id="back_url" href="https://ww3.tw/"><b>..返回主页</b></a> <a id="back_url" href="https://ww3.tw/"><b>..返回主页</b></a>
</div> </div>
<div id="message_video"> <div id="message_video">
<br> <video src="./static/src/video/cirno-up-down.mp4" controls width="640" height="360">
<br> 您的浏览器不支持视频播放。
<br> </video>
<br>
<br>
<br>
<h1>
暂无视频
</h1>
</div> </div>
<div id="message_com"> <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> <p>弹幕列表</p>
<br> <pre id="get_message"></pre>
<br>
<br>
<br>
评论展示区
<div id="message_com_black">
发送区
</div>
</div> </div>
<div>
</div> </div>
</div> </div>
</body> </body>
@@ -70,57 +63,28 @@
color: rgb(255, 74, 74); color: rgb(255, 74, 74);
text-align: left; text-align: left;
font-size: 18px; font-size: 18px;
} }
#message_video #message_video
{ {
background-color: blue; background-color: rgba(0, 0, 0, 0);
color: white; color: white;
text-align: center; text-align: center;
width: 60%; width: 700px;
height: 69%; height: 410px;
margin: auto;
position: absolute;
top: 22%;
left: 0;
right: 0;
bottom: 0;
/* 页面边距 上、右、下、左 */ /* 页面边距 上、右、下、左 */
margin: 1.89% 0px 0px 0%; margin: 1.89% 0px 0px 0%;
} }
#message_com #message_com
{ {
background-color: white; background-color: rgba(0, 0, 0, 0);
text-align: center; width: 360px;
width: 33%; height: 410px;
height: 69%;
margin: auto;
position: absolute;
top: 22%;
left: 0;
right: 0;
bottom: 0;
/* 页面边距 上、右、下、左 */ /* 页面边距 上、右、下、左 */
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{ #back_blok{
/* 返回主页 */ /* 返回主页 */
@@ -144,9 +108,66 @@
} }
</style> </style>
<!--这里是专属js-->
<script> <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>
<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>

49
public/message/index.php.114514
View File

@@ -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>

52
public/message/index.php.back
View File

@@ -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>

0
public/api/docs/index.php → public/message/static/css/message.css
View File

4
public/message/static/css/navbar/index-css.html
View File

@@ -2,10 +2,10 @@
#message_block #message_block
{ {
background-color: rgba(0, 0, 0, 0.68); background-color: rgba(0, 0, 0, 0.68);
width: 85%; position: fixed;
width: 1150px;
height: 100%; height: 100%;
margin: auto; margin: auto;
position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;

0
public/api/index.php → public/message/static/css/video.css
View File

0
public/message/static/js/video.js Executable file
View File

1
public/message/static/txt/message.txt
View File

@@ -0,0 +1 @@
这是测试

1
public/message/static/txt/测试.txt Normal file
View File

@@ -0,0 +1 @@
测试

14
public/static/html/black-block.html Normal file
View 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>