接前一篇文章。前一篇文章实现了基本的手机服务器搭建、用户管理、基础网页显示等功能。这篇文章主要介绍html网页和php网页,并且借助php网页实现手机服务器资源在网页动态展现的技术。
一、html网页
1)准备文件
准备要显示的文件,比如一个 HTML 文件、图片或其他媒体文件,这里将要添加的文件命名为 example.html
。包含文本、图片、视频并提供下载的html网页实例代码如下:
example.html
html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例页面</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1 {
color: #333;
}
img {
max-width: 30%;
height: auto;
}
video {
max-width: 80%;
}
</style>
</head>
<body>
<h1>欢迎来到示例页面</h1>
<p>这是一个包含文本、文件、图片和视频的示例页面。</p>
<h2>文件下载</h2>
<p>你可以下载下面的文件:</p>
<a href="path/to/your/file.txt" download>下载示例文件</a>
<h2>图片展示</h2>
<p>以下是一个示例图片:</p>
<img src="path/to/your/image.jpg" alt="示例图片">
<h2>视频播放</h2>
<p>以下是一个示例视频:</p>
<video controls>
<source src="path/to/your/video.mp4" type="video/mp4">
你的浏览器不支持视频标签。
</video>
</body>
</html>
2)将文件上传到服务器
-
找到 Apache 的根目录:
在 Termux 中,Apache 的默认根目录通常是:
bash/data/data/com.termux/files/usr/share/apache2/default-site/htdocs/
-
使用命令行工具将文件复制到服务器:
可以使用
cp
命令将文件复制到根目录:bashcp /path/to/your/example.html /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/
替换
/path/to/your/example.html
为实际的文件路径。 -
确认文件已上传:
使用
ls
命令确认文件已成功复制:bashls /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/
3)设置文件权限
确保 Web 服务器能够读取该文件。可以使用 chmod
命令更改文件权限:
bash
chmod 644 /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/example.html
4)访问文件
在任意局域网浏览器中输入 URL 来访问文件,格式如下:
webbrowser
http://<your_server_ip>/example.html
示例显示效果如下
二、php网页
通过 PHP 动态生成网页内容,假设文件名为 display.php
。
1)简单继承html网页
-
创建 PHP 文件:
bashnano /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/display.php
-
在文件中添加代码:
php<?php $file = 'example.html'; if (file_exists($file)) { include($file); } else { echo "File not found."; } ?>
-
保存文件并退出。
2)访问 PHP 文件
在浏览器中访问:
webbrowser
http://<your_server_ip>/display.php
这样将动态显示 example.html
文件的内容,显示结果和emample.html一致。
3)增加服务器下文件夹的自动扫描和显示功能
-
使用
mkdir
命令创建一个新的文件夹,例如my_folder
:bashmkdir /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/my_folder
-
添加文件并上传到文件夹:
可以使用
cp
命令将文件复制到新创建的文件夹中。例如,假设你有一个example.txt
文件要上传:bashcp /path/to/your/example.txt /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/my_folder/
确保替换
/path/to/your/example.txt
为实际的文件路径。 -
设置文件夹和文件权限
确保 Apache 能够访问该文件夹及其内的文件:
bash
chmod 755 /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/my_folder
chmod 644 /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/my_folder/example.txt
- 网页访问文件夹
在浏览器中输入 URL 以访问新创建的文件夹,格式如下:
bash
http://<your_server_ip>/my_folder/
实现效果如下:
- 使用php在网页动态显示文件夹内内容 在display.php中添加如下代码:
php
<?php
$dir = 'my_folder'; // 要列出的文件夹
$files = scandir($dir); // 获取文件夹中的文件
echo "<h1>文件列表</h1>";
echo "<ul>";
foreach ($files as $file) {
if ($file !== '.' && $file !== '..') {
echo "<li><a href='$dir/$file'>$file</a></li>";
}
}
echo "</ul>";
?>
访问display.php
,显示效果如下,文件能够自动扫描并显示:
这样,只需要将内容放到my_folder
目录下,即可实现浏览服务器内容的功能。
三、总结
通过html网页可以将文件添加到服务器,并在网页上显示;如果使用 PHP,可以更灵活和方便得显示文件。