构建同一局域网下文件共享网页

apache 服务器 nginx php 2023-09-08 18:09:40 261人浏览泡泡鱼

摘要

首先，我会将这个内容分成以下步骤：目录 1. 安装必要的软件和工具 2. 搭建本地服务器 3. 编写账号系统和登录页面 4. 实现多人登录 5. 实现文件上传和共享功能以下是每个步骤的详细说明和代码示例。 1. 安装必要的软件和工具

首先，我会将这个内容分成以下步骤：

以下是每个步骤的详细说明和代码示例。

1. 安装必要的软件和工具

为了完成这个项目，您需要安装以下软件和工具：

这些软件和工具可以通过您的操作系统的包管理器来安装，也可以从官方网站下载并手动安装。

2. 搭建本地服务器

在本地计算机上搭建WEB服务器是实现这个项目的第一步。您可以使用Apache或Nginx，这里我们选择Apache。

安装Apache服务器

sudo apt-get updatesudo apt-get install apache2

启动Apache服务器
```
sudo systemctl start apache2
```
验证Apache服务器是否正在运行打开浏览器并访问http://localhost，如果出现默认Apache欢迎页面，则说明Apache服务器已经安装并运行成功。

3. 编写账号系统和登录页面

接下来，我们将编写一个简单的账号系统和登录页面。这个系统将使用php和mysql数据库来存储和管理用户账号信息。

创建数据库 首先，我们需要创建一个Mysql数据库来存储用户账号信息。打开MySQL客户端并创建一个新的数据库。
```
mysql -u root -pCREATE DATABASE login;
```

创建用户表接下来，我们将创建一个名为users的表来存储用户账号信息。

USE login;CREATE TABLE users (    id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,    username VARCHAR(30) NOT NULL,    passWord VARCHAR(30) NOT NULL);

创建注册页面现在，我们将创建一个简单的注册页面，用于允许用户创建新的账号。该页面将包括一个表单，其中包含用户名和密码字段。
```
    注册页面    注册新账号
            用户名:
        
        密码:
        
        
            
```
创建登录页面现在，我们将创建一个登录页面，允许用户使用其用户名和密码登录到系统中。该页面将包括一个表单，其中包含用户名和密码字段。
```
    登录页面    登录到您的账号
            用户名:
        
        密码:
        
        
            
```
创建PHP代码现在，我们需要编写PHP代码来处理用户注册和登录。创建两个PHP文件：reGISter.php和login.php。

connect_error) {    die("连接失败: " . $conn->connect_error);}// 处理用户注册if ($_SERVER["REQUEST_METHOD"] == "POST") {    $username = $_POST["username"];    $password = $_POST["password"];    // 检查用户名是否已存在    $sql = "SELECT * FROM users WHERE username='$username'";    $result = $conn->query($sql);    if ($result->num_rows > 0) {        echo "该用户名已被使用，请选择另一个用户名。";    } else {        // 将新用户插入到数据库中        $sql = "INSERT INTO users (username, password) VALUES ('$username', '$password')";        if ($conn->query($sql) === TRUE) {            echo "账号创建成功。";        } else {            echo "出现错误：" . $sql . "
" . $conn->error;        }    }}// 关闭数据库连接$conn->close();?>

connect_error) {    die("连接失败: " . $conn->connect_error);}// 处理用户登录if ($_SERVER["REQUEST_METHOD"] == "POST") {    $username = $_POST["username"];    $password = $_POST["password"];    // 检查用户名和密码是否匹配    $sql = "SELECT * FROM users WHERE username='$username' AND password='$password'";    $result = $conn->query($sql);    if ($result->num_rows > 0) {        // 用户名和密码匹配，将用户信息保存到会话中        $_SESSION["username"] = $username;        header("Location: index.php");    } else {        echo "用户名或密码错误，请重试。";    }}// 关闭数据库连接$conn->close();?>

4. 实现多人登录

要实现多人登录，我们需要使用会话来跟踪用户。当用户登录到系统中时，我们将在会话中存储他们的用户名。当用户上传或共享文件时，我们将检查他们的会话来确定他们是否有权限执行该操作。

创建一个index.php文件在Web服务器的根目录中创建一个名为index.php的文件。这是用户登录后将访问的主页。

index.php代码：

    欢迎来到文件共享系统    ion_start();    // 检查用户是否已登录    if (isset($_SESSION["username"])) {        $username = $_SESSION["username"];        echo "欢迎回来，$username。
";    } else {        header("Location: login.html");    }    ?>    
    上传文件
                        
    
    共享文件
    $file
";                }            }            closedir($dh);        }    }    ?>

创建一个upload.php文件现在，我们将创建一个PHP脚本，用于处理文件上传。这个脚本将上传文件到服务器并将文件名添加到共享文件列表中。

upload.php代码：

3.创建一个https://blog.csdn.net/a871923942/article/details/loGout.php文件最后，我们需要创建一个PHP脚本，用于让用户退出系统并清除他们的会话。

Https://blog.csdn.net/a871923942/article/details/logout.php代码：

5. 实现文件上传和共享功能

要实现文件上传和共享功能，我们需要在Web服务器上创建一个目录，用于存储上传的文件。我们还需要将共享文件列表保存到服务器上的一个文件中。

创建一个uploads目录在Web服务器的根目录下创建一个名为uploads的目录，用于存储上传的文件。

mkdir uploads

创建一个filelist.txt文件在uploads目录中创建一个名为filelist.txt的文件，用于存储共享文件的列表。

touch uploads/filelist.txt

修改文件夹权限确保上传文件夹和文件列表文件具有正确的权限，以便Web服务器可以读取和写入这些文件。

chmod -R 777 uploads/chmod 666 uploads/filelist.txt

4.更改PHP代码以处理文件上传和共享在upload.php代码中，我们将添加共享文件到列表的代码，以将上传的文件名添加到filelist.txt文件中。我们还将修改index.php代码，以显示共享文件列表并允许用户下载文件。

upload.php代码：

index.php代码：

    欢迎来到文件共享系统        欢迎回来，。
    
    上传文件
                        
    
    共享文件
    $file
";                }            }            closedir($dh);        }    }    ?>    
    退出系统

我们使用了会话来跟踪用户。如果用户未登录，则他们将被重定向到登录页面。
我们将用户的用户名存储在变量$username中，并在欢迎消息中使用它。
我们使用一个循环来显示共享文件列表，而不是手动列出每个文件。这使得代码更加灵活和易于维护。

5.修改Web服务器配置以允许上传文件默认情况下，Web服务器不允许上传文件。我们需要修改Web服务器配置文件以允许上传文件。

对于Apache服务器，我们需要编辑/etc/apache2/sites-available/000-default.conf文件，并在其中添加以下代码：

    Options Indexes FollowSymLinks MultiViews    AllowOverride All    Order allow,deny    allow from all            deny from all        Options Indexes FollowSymLinks MultiViews    AllowOverride All    Order allow,deny    allow from all            deny from all

保存并关闭文件后，重新启动Apache服务器以使更改生效。

sudo systemctl restart apache2

对于Nginx服务器，我们需要编辑/etc/nginx/nginx.conf文件，并在其中添加以下代码：

http {    ...    server {        ...        location /uploads/ {            autoindex on;            allow all;            client_max_body_size 100M;        }        ...    }}

保存并关闭文件后，重新启动Nginx服务器以使更改生效。