mywebpho

Runtime error

App Files Files Community

jokyo3 commited on Apr 28, 2024

Commit

04d672c

verified ·

1 Parent(s): 6f86099

Upload 4 files

Browse files

Files changed (4) hide show

index.php +42 -0
manage_albums.php +115 -0
show_album.php +24 -0
styles.css +78 -0

index.php ADDED Viewed

	@@ -0,0 +1,42 @@

+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <title>简易网络相册</title>
+    <link rel="stylesheet" href="styles.css">
+    <style>
+        .albums-grid {
+            display: grid;
+            grid-template-columns: repeat(5, 1fr); /* 创建4列 */
+            gap: 10px; /* 设置网格项之间的间隙 */
+        }
+        .albums-grid li {
+            list-style: none; /* 移除默认列表样式 */
+        }
+    </style>
+</head>
+<body>
+<a href="manage_albums.php">管理相册</a> <!-- 新增的管理相册链接 -->
+<ul class="albums-grid">
+<?php
+$albumDir = 'albums/';
+$albums = glob($albumDir . '*.txt');
+foreach ($albums as $index => $album) {
+    $albumName = basename($album, '.txt');
+    $imageUrls = file($album, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
+    $thumbnailUrl = $imageUrls[0]; // 假设每个.txt文件的第一行是缩略图
+    // 缩略图现在被包裹在一个链接中，点击可以打开相册
+    echo "<li><a href='show_album.php?album=$albumName'>";
+    echo "<img src='$thumbnailUrl' alt='Thumbnail' class='album-thumbnail'></a>";
+    echo "<a href='show_album.php?album=$albumName'>$albumName</a></li>";
+    // 在每4个相册后添加一个新行
+    if (($index + 1) % 4 == 0) {
+        echo "</ul><ul class='albums-grid'>";
+    }
+}
+echo "</ul>";
+?>
+</body>
+</html>

manage_albums.php ADDED Viewed

	@@ -0,0 +1,115 @@

+<?php
+session_start(); // 开始会话
+$albumDir = 'albums/';
+$albums = glob($albumDir . '*.txt');
+$correctPassword = 'addroot'; // 设置固定的口令
+// 检查会话中的口令或表单提交的口令
+if (isset($_SESSION['password']) && $_SESSION['password'] === $correctPassword) {
+    // 口令正确，显示管理界面
+    // 处理备份请求
+    if (isset($_POST['backup'])) {
+        $zip = new ZipArchive();
+        $backupFileName = $albumDir . 'backup_' . date('YmdHis') . '.zip';
+        if ($zip->open($backupFileName, ZipArchive::CREATE) === TRUE) {
+            foreach ($albums as $album) {
+                $zip->addFile($album, basename($album));
+            }
+            $zip->close();
+            // 触发下载
+            header('Content-Type: application/zip');
+            header('Content-Disposition: attachment; filename="' . basename($backupFileName) . '"');
+            header('Content-Length: ' . filesize($backupFileName));
+            flush();
+            readfile($backupFileName);
+            // 删除服务器上的备份文件
+            unlink($backupFileName);
+            exit;
+        } else {
+            echo "<p>备份失败。</p>";
+        }
+    }
+    // 显示备份按钮
+    echo "<form method='post'>";
+    echo "<input type='submit' name='backup' value='备份相册'>";
+    echo "</form>";
+    // ... 其他管理界面的代码 ...
+} elseif (isset($_POST['password'])) {
+    if ($_POST['password'] === $correctPassword) {
+        // 口令正确，保存口令到会话
+        $_SESSION['password'] = $_POST['password'];
+        // 重定向到相同页面，避免表单重复提交
+        header('Location: ' . $_SERVER['PHP_SELF']);
+        exit;
+    } else {
+        // 口令错误，显示错误信息
+        echo "<p>口令错误，请重试。</p>";
+    }
+}
+// 如果口令正确，显示管理界面的其他操作
+if (isset($_SESSION['password']) && $_SESSION['password'] === $correctPassword) {
+    // 处理表单提交的其他操作，如添加和删除图片
+    if (isset($_POST['add'])) {
+        // 批量添加新图片
+        $albumName = $_POST['albumName'];
+        $imageUrls = explode("\n", $_POST['imageUrls']); // 从文本区域获取多个URL
+        foreach ($imageUrls as $imageUrl) {
+            if (!empty($imageUrl)) {
+                file_put_contents("$albumDir$albumName.txt", trim($imageUrl) . "\n", FILE_APPEND);
+            }
+        }
+    } elseif (isset($_POST['delete'])) {
+        // 删除图片
+        $albumName = $_POST['albumName'];
+        $imageUrl = $_POST['imageUrl'];
+        $images = file("$albumDir$albumName.txt", FILE_IGNORE_NEW_LINES);
+        $images = array_filter($images, function ($line) use ($imageUrl) {
+            return trim($line) !== trim($imageUrl);
+        });
+        file_put_contents("$albumDir$albumName.txt", implode("\n", $images) . "\n");
+    } elseif (isset($_POST['create'])) {
+        // 新增相册
+        $newAlbumName = $_POST['newAlbumName'];
+        $newAlbumFile = "$albumDir$newAlbumName.txt";
+        if (!file_exists($newAlbumFile)) {
+            fclose(fopen($newAlbumFile, 'w'));
+        }
+    }
+    // 显示新增相册表单
+    echo "<a href='index.php'>返回首页</a>"; // 添加返回首页的导航链接
+    echo "<form method='post'>";
+    echo "<input type='text' name='newAlbumName' placeholder='输入新相册名称'>";
+    echo "<input type='submit' name='create' value='创建新相册'>";
+    echo "</form>";
+    // 显示现有相册和图片管理界面
+    foreach ($albums as $album) {
+        $albumName = basename($album, '.txt');
+        echo "<div><h3>$albumName</h3>";
+        $imageUrls = file($album, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
+        foreach ($imageUrls as $imageUrl) {
+            // 显示图片URL、删除按钮和30x30的缩略图
+            echo "<p>$imageUrl <form method='post' style='display: inline;'><input type='hidden' name='albumName' value='$albumName'><input type='hidden' name='imageUrl' value='$imageUrl'><input type='submit' name='delete' value='删除'></form> <img src='$imageUrl' alt='Thumbnail' width='30' height='30'></p>";
+        }
+        // 修改后的添加图片表单，包含一个文本区域用于批量输入URL
+        echo "<form method='post'><input type='hidden' name='albumName' value='$albumName'><textarea name='imageUrls' placeholder='输入图片URL，每行一个' style='width: 500px; height: 100px;'></textarea><input type='submit' name='add' value='批量添加图片'></form>";
+        echo "</div>";
+    }
+} else {
+    // 显示口令输入表单
+    echo "<form method='post'>";
+    echo "<input type='password' name='password' placeholder='输入口令'>";
+    echo "<input type='submit' value='提交'>";
+    echo "</form>";
+}
+?>
+</body>
+</html>

show_album.php ADDED Viewed

	@@ -0,0 +1,24 @@

+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <title>相册展示</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+<?php
+if (isset($_GET['album'])) {
+    $albumName = $_GET['album'];
+    $albumFile = "albums/$albumName.txt";
+    $imageUrls = file($albumFile, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
+    echo "<div class='waterfall'>";
+    foreach ($imageUrls as $imageUrl) {
+        // 每张图片都被一个链接包裹，点击后可以在新标签页中完整打开图片
+        echo "<div class='item'><a href='$imageUrl' target='_blank'><img src='$imageUrl' alt='Photo'></a></div>";
+    }
+    echo "</div>";
+}
+?>
+</body>
+</html>

styles.css ADDED Viewed

	@@ -0,0 +1,78 @@

+/* ��վȫ����ʽ */
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+}
+/* ������ʽ */
+form {
+    margin-bottom: 20px;
+}
+input[type="text"],
+input[type="password"] {
+    padding: 5px;
+    margin-right: 10px;
+}
+input[type="submit"] {
+    padding: 5px 15px;
+    cursor: pointer;
+}
+/* ��������ʽ */
+h2, h3 {
+    color: #333;
+}
+div {
+    background-color: #fff;
+    padding: 15px;
+    margin-bottom: 20px;
+    border-radius: 5px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+/* �������ͼ��ʽ */
+.album-thumbnail {
+    width: 100px; /* ��������ͼ�Ŀ���Ϊ30���� */
+    height: 100px; /* ��������ͼ�ĸ߶�Ϊ30���� */
+    object-fit: cover; /* ȷ��ͼƬ����ʧ�� */
+    margin-right: 10px;
+}
+/* �ٲ���������ʽ */
+.waterfall {
+    column-count: 4; /* �����Ը�����Ҫ�������� */
+    column-gap: 10px; /* ������֮��ļ�� */
+    margin: 0 10px;
+}
+.waterfall .item {
+    break-inside: avoid; /* ��ֹͼƬ���зָ� */
+    margin-bottom: 10px; /* ͼƬ��ͼƬ֮��ļ�� */
+}
+.waterfall img {
+    width: 300px; /* ����ͼƬ�Ŀ���Ϊ300���� */
+    height: 300px; /* ����ͼƬ�ĸ߶�Ϊ300���� */
+    object-fit: cover; /* ����ͼƬ�ı���������Ĳ��ֻᱻ�ü� */
+    border-radius: 5px; /* ��ѡ��ΪͼƬ����Բ�Ǳ߿� */
+    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* ��ѡ��ΪͼƬ������Ӱ */
+}
+/* ��Ӧʽ��ƣ�������Ļ��С�����ٲ������� */
+@media (max-width: 800px) {
+    .waterfall {
+        column-count: 2;
+    }
+}
+@media (max-width: 400px) {
+    .waterfall {
+        column-count: 1;
+    }
+}