当前位置： 首页 > news >正文

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

news 2025/9/17 5:21:30

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

目录

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

2. 搭建本地服务器

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

4. 实现多人登录

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

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

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

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

  • Apache或Nginx服务器
  • PHP
  • MySQL

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

2. 搭建本地服务器

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

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

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

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

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

  2. 创建用户表 接下来，我们将创建一个名为users的表来存储用户账号信息。 
    USE login;
CREATE TABLE users (id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,username VARCHAR(30) NOT NULL,password VARCHAR(30) NOT NULL
);
  3. 创建注册页面 现在，我们将创建一个简单的注册页面，用于允许用户创建新的账号。该页面将包括一个表单，其中包含用户名和密码字段。 
    <!DOCTYPE html>
<html>
<head><title>注册页面</title>
</head>
<body><h2>注册新账号</h2><form method="post" action="register.php"><label>用户名:</label><br><input type="text" name="username" required><br><label>密码:</label><br><input type="password" name="password" required><br><br><input type="submit" value="注册"></form>
</body>
</html>

  4. 创建登录页面 现在，我们将创建一个登录页面，允许用户使用其用户名和密码登录到系统中。该页面将包括一个表单，其中包含用户名和密码字段。 
    <!DOCTYPE html>
<html>
<head><title>登录页面</title>
</head>
<body><h2>登录到您的账号</h2><form method="post" action="login.php"><label>用户名:</label><br><input type="text" name="username" required><br><label>密码:</label><br><input type="password" name="password" required><br><br><input type="submit" value="登录"></form>
</body>
</html>

  5. 创建PHP代码 现在，我们需要编写PHP代码来处理用户注册和登录。创建两个PHP文件：register.php和login.php。

register.php代码：

<?php
// 连接到数据库
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "login";
$conn = new mysqli($servername, $username, $password, $dbname);// 检查连接
if ($conn->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 . "<br>" . $conn->error;}}
}// 关闭数据库连接
$conn->close();
?>

login.php代码：

<?php
// 启动会话
session_start();// 连接到数据库
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "login";
$conn = new mysqli($servername, $username, $password, $dbname);// 检查连接
if ($conn->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. 实现多人登录

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

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

index.php代码：

<!DOCTYPE html>
<html>
<head><title>欢迎来到文件共享系统</title>
</head>
<body><?phpsession_start();// 检查用户是否已登录if (isset($_SESSION["username"])) {$username = $_SESSION["username"];echo "<h2>欢迎回来，$username。</h2>";} else {header("Location: login.html");}?><br><h3>上传文件</h3><form action="upload.php" method="post" enctype="multipart/form-data"><input type="file" name="fileToUpload" id="fileToUpload"><input type="submit" value="上传文件" name="submit"></form><br><h3>共享文件</h3><?php// 显示共享文件列表$dir = "uploads/";if (is_dir($dir)) {if ($dh = opendir($dir)) {while (($file = readdir($dh)) !== false) {if ($file != "." && $file != "..") {echo "<a href='uploads/$file'>$file</a><br>";}}closedir($dh);}}?>
</body>
</html>

 

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

upload.php代码：

<?php
session_start();
// 检查用户是否已登录
if (!isset($_SESSION["username"])) {header("Location: login.html");exit();
}// 上传文件到服务器
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {echo "文件上传成功。";
} else {echo "出现错误，文件上传失败。";
}// 添加共享文件到列表
$filename = basename($target_file);
$filelist = "uploads/filelist.txt";
$fp = fopen($filelist, "a");
fwrite($fp, "$filename\n");
fclose($fp);
?>

 3.创建一个logout.php文件 最后，我们需要创建一个PHP脚本，用于让用户退出系统并清除他们的会话。

logout.php代码：

<?php
session_start();
// 清除会话并重定向到登录页面
session_destroy();
header("Location: login.html");
exit();
?>

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

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

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

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

touch uploads/filelist.txt

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

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

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

upload.php代码：

<?php
session_start();
// 检查用户是否已登录
if (!isset($_SESSION["username"])) {header("Location: login.html");exit();
}// 上传文件到服务器
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {echo "文件上传成功。";
} else {echo "出现错误，文件上传失败。";
}// 添加共享文件到列表
$filename = basename($target_file);
$filelist = "uploads/filelist.txt";
$fp = fopen($filelist, "a");
fwrite($fp, "$filename\n");
fclose($fp);
?>

 index.php代码：

<!DOCTYPE html>
<html>
<head><title>欢迎来到文件共享系统</title>
</head>
<body><?phpsession_start();// 检查用户是否已登录if (!isset($_SESSION["username"])) {header("Location: login.php");exit();} else {$username = $_SESSION["username"];}?><h2>欢迎回来，<?php echo $username; ?>。</h2><br><h3>上传文件</h3><form action="upload.php" method="post" enctype="multipart/form-data"><input type="file" name="fileToUpload" id="fileToUpload"><input type="submit" value="上传文件" name="submit"></form><br><h3>共享文件</h3><?php// 显示共享文件列表$dir = "uploads/";if (is_dir($dir)) {if ($dh = opendir($dir)) {while (($file = readdir($dh)) !== false) {if ($file != "." && $file != "..") {echo "<a href='uploads/$file'>$file</a><br>";}}closedir($dh);}}?><br><a href="logout.php">退出系统</a>
</body>
</html>
  • 我们使用了会话来跟踪用户。如果用户未登录，则他们将被重定向到登录页面。
  • 我们将用户的用户名存储在变量$username中，并在欢迎消息中使用它。
  • 我们使用一个循环来显示共享文件列表，而不是手动列出每个文件。这使得代码更加灵活和易于维护。

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

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

<Directory /var/www/html>Options Indexes FollowSymLinks MultiViewsAllowOverride AllOrder allow,denyallow from all<LimitExcept GET POST>deny from all</LimitExcept>
</Directory><Directory /var/www/html/uploads>Options Indexes FollowSymLinks MultiViewsAllowOverride AllOrder allow,denyallow from all<LimitExcept GET POST>deny from all</LimitExcept>
</Directory>

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

sudo systemctl restart apache2

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

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

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

sudo systemctl restart nginx

 现在，可以使用任何现代Web浏览器访问Web服务器，并使用您创建的账号系统进行登录和文件上传/共享。

相关文章：

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

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

编程日记 2023/5/22 12:58:59

程序员未来是不是会大量失业？

程序员宝藏库&#xff1a;https://gitee.com/sharetech_lee/CS-Books-Store 会&#xff0c;但是主要原因并不是来自最近爆火的AIGC。 生成式AI对比与传统的工具的确很强大&#xff0c;但是要说替代某种工作岗位还为时尚早。最近铺天盖地的相关推文&#xff0c;热度一波未平又起…...

编程日记 2023/5/12 8:59:00

解密普元大文件传输平台新版本21种特性

本文主要介绍大文件传输平台及其传输特性&#xff0c;以平台版本升级为切入点&#xff0c;探讨大文件传输平台对多种传输场景的支持及部署管控方面能力的增强。目 录01 普元大文件传输平台‍‍02 普元文件传输平台新版本特性‍‍‍‍‍‍03 信创项目案例‍‍04 总结01普元大…...

编程日记 2023/5/25 6:12:10

每日一问-ChapGPT-20230406-中医基础-脉诊

文章目录每日一问-ChapGPT系列起因每日一问-ChapGPT-20230406-中医基础-脉诊脉诊脉诊的左右手脉诊拓展01沉脉:02迟脉:03促脉:04代脉:05动脉:06短脉:07伏脉:08浮脉:09革脉:10洪脉:11滑脉:12缓脉:13疾脉:14结脉:15紧脉:16芤脉:17散脉:18牢脉:19弦脉:20弱脉:21濡脉:22细脉:23微脉:…...

编程日记 2023/5/22 12:59:23

Nuxt项目asyncData服务端请求数据渲染

或许有些人会比较喜欢在mounted里去请求数据 但在Nuxt项目中是绝对不能这样操作的 因为 mounted的特性也说的比较明白了 当页面挂载完之后执行 但显然 seo只读你页面挂载的内容 如果你在这请求 那么对不起 你请求回来的数据渲染到界面上seo爬虫是看不到的 Nuxt项目请求数据 可…...

编程日记 2023/5/28 0:47:29

Vue 13 - 列表渲染 v-for

V-for介绍 当使用Vue.js框架时&#xff0c;可以使用v-for指令对数据进行循环遍历并渲染到模板中。v-for可以遍历数组、对象、字符串、指定次数等。 以下是v-for的用法&#xff1a; 遍历数组 <div v-for"(item, index) in items" :key"index"> {{…...

编程日记 2023/5/22 18:16:44

XML复习

目录什么是XMLXML中的内容可以干什么XML文件的创建以及其格式XML的文档约束-DTD约数XML的文档约束-schema约束Dom4J 解析XML 文档什么是XML XML 全称(extensible Markup Lanage) 可扩展标记语言它是一种数据的表示形式, 可以存储复杂的数据格式以及我们自己定义的格式.XML经常…...

编程日记 2023/5/28 0:50:13

【python设计模式】10、组合模式

哲学思想 组合模式是一种设计模式&#xff0c;用于将对象组合成树形结构以表示部分-整体层次结构。该模式允许客户端统一处理单个对象和对象组合。 从哲学的角度来看&#xff0c;组合模式可以被视为关于整体和部分之间关系的哲学思想。在这个模式中&#xff0c;整体和部分之间…...

编程日记 2023/5/28 19:03:11

实验五 网络安全加固

目录 一、实验内容 二、实验环境 三、实验步骤 一、实验内容 在GRE VPN实验基础上&#xff0c;对网络进行安全加固。 1、在S0上配置端口安全&#xff0c;设置服务器端口MAC绑定、限制端口MAC连接数量为1&#xff0c;超过最大值则丢弃数据帧。 2、配置OSPF路由协议认证。 3…...

编程日记 2023/5/22 13:04:14

MongoDB综述【入门指南】

写这篇博客,正好是2023年4月5日15:29:31,是清明节,放假一天,我坐在我的小小租房室内,思考着没思考到啥,哈哈哈,感觉好着急啊!看完了一本《城南旧事》,但是就是不踏实,好吧~我来写一篇最近在学的一个技术 为了更优秀的自己~奥利给!! 首先,我们从最初级小白开始(因为自己也是小白…...

编程日记 2023/5/16 0:31:55

Python 3 备忘清单_开发速查表分享

Python 3 备忘清单 Python 3开发速查备忘单是 Python 3 编程语言的单页参考表入门&#xff0c;为开发人员分享快速参考备忘单。 开发速查表大纲 入门 介绍 Hello World 变量 数据类型 Slicing String Lists If Else 循环 函数 文件处理 算术 加等于 f-字符串(Python 3.6) P…...

编程日记 2023/5/11 1:04:00

Thinkphp 6.0模版的加载包含输出

本节课我们来学习一下模版标签中的文件的包含、输出以及加载。 一&#xff0e;包含文件 1. 使用{include}标签来加载公用重复的文件&#xff0c;比如头部、尾部和导航部分&#xff1b; 2. 在模版 view 目录创建一个 public 公共目录&#xff0c;分别创建 header、footer 和 nav…...

编程日记 2023/5/29 5:54:28

ROS实践11 自定义头文件并调用

文章目录运行环境&#xff1a;思路&#xff1a;1.1 编写头文件1.2 includepath添加头文件路径1.3 编写可执行文件1.4 配置文件1.5 编译运行运行环境&#xff1a; ubuntu20.04 noetic 宏基暗影骑士笔记本 思路&#xff1a; 类和函数&#xff1a; 头文件 声明 可执行文件 定义…...

编程日记 2023/5/17 1:27:30

一位年薪35W的测试被开除，回怼的一番话，令人沉思

一位年薪35W测试工程师被开除回怼道&#xff1a;“反正我有技术&#xff0c;在哪不一样” 一技傍身&#xff0c;万事不愁&#xff0c;当我们掌握了一技之长后&#xff0c;在职场上说话就硬气了许多&#xff0c;不用担心被炒&#xff0c;反过来还可以炒了老板&#xff0c;这一点…...

编程日记 2023/5/30 8:43:31

【Docker】Docker常用命令

帮助启动类命令 启动docker systemctl start docker停止docker systemctl stop docker重启docker systemctl restart docker查看docker状态 systemctl status docker[root192 ~]# systemctl status docker ● docker.service - Docker Application Container EngineLoaded…...

编程日记 2023/5/25 15:51:45

【linux基础】7.linux系统自定义应用名和应用图标

"懦弱之人毫无价值"1. 做应用和图标1.1.测试和加入侧边栏3. 命令行重命名唤醒任务叙述&#xff1a;有一个x.sh文件可以在命令行执行,sh x.sh&#xff0c;这样太麻烦。 将其做成app且配上logo&#xff0c;下次直接点击使用将其路径全名重命名&#xff0c;可以直接用重…...

编程日记 2023/5/26 20:15:11

10.网络爬虫—MongoDB详讲与实战

网络爬虫—MongoDB详讲与实战MongoDBMongoDB安装创建数据目录1.数据库操作2.集合操作3.文档操作4.索引操作5.聚合操作6.备份与恢复MongoDB增删改查mongodb集合的增删改查数据插入到表数据的查看删除数据更新数据PyMongo连接数据库第二步 选择需要使用的数据库和集合PyMongo增删…...

编程日记 2023/5/22 13:07:44

C4D -＞ Three.js资产制作与导入流程

这篇文章介绍从 Cinema 4D 中的 UV 模型到用于 Three.js 的 .glb/.gltf 资产和纹理的整个过程&#xff0c;该网格将依赖 MeshStandardMaterial 来复制你在 Redshift 中看到的内容&#xff0c; 没有由 Three.js 处理的任何照明。 推荐&#xff1a;用 NSDT场景设计器 快速搭建3D场…...

编程日记 2023/5/26 20:16:33

【博学谷学习记录】大数据课程-学习十三周总结

Hive的交互方式 第一种交互方式&#xff1a;bin/hive hive 创建一个数据库 create database mytest; show databases; 第二种交互方式&#xff1a;使用sql语句或者sql脚本进行交互 不进入hive的客户端直接执行hive的hql语句 hive -e “create database mytest2” 或者我们…...

编程日记 2023/5/16 5:55:53

Spring Cloud快速入门

文章目录Spring Cloud快速入门一、基础概念1、微服务架构2、微服务技术栈3、什么是Spring Cloud?4、Spring Cloud和Spring Boot的联系&#xff1f;5、比较成熟的互联网架构二、Rest环境搭建1、搭建提供者1.1、创建一个父工程1.2、创建一个springcloud-api模块1.3、创建一个spr…...

编程日记 2023/5/13 2:52:38

Linux应用开发之网络套接字编程(实例篇)

服务端与客户端单连接 服务端代码 #include <sys/socket.h> #include <sys/types.h> #include <netinet/in.h> #include <stdio.h> #include <stdlib.h> #include <string.h> #include <arpa/inet.h> #include <pthread.h> …...

编程新知 2025/9/15 0:18:51

设计模式和设计原则回顾

设计模式和设计原则回顾 23种设计模式是设计原则的完美体现，设计原则设计原则是设计模式的理论基石， 设计模式 在经典的设计模式分类中（如《设计模式：可复用面向对象软件的基础》一书中），总共有23种设计模式，分为三大类： 一、创建型模式（5种） 1. 单例模式（Sing…...

编程新知 2025/8/10 21:01:28

Frozen-Flask ：将 Flask 应用“冻结”为静态文件

Frozen-Flask 是一个用于将 Flask 应用“冻结”为静态文件的 Python 扩展。它的核心用途是&#xff1a;将一个 Flask Web 应用生成成纯静态 HTML 文件&#xff0c;从而可以部署到静态网站托管服务上&#xff0c;如 GitHub Pages、Netlify 或任何支持静态文件的网站服务器。 &am…...

编程新知 2025/7/28 21:04:40

深入解析C++中的extern关键字：跨文件共享变量与函数的终极指南

&#x1f680; C extern 关键字深度解析&#xff1a;跨文件编程的终极指南 &#x1f4c5; 更新时间&#xff1a;2025年6月5日 &#x1f3f7;️ 标签&#xff1a;C | extern关键字 | 多文件编程 | 链接与声明 | 现代C 文章目录 前言&#x1f525;一、extern 是什么&#xff1f;&…...

编程新知 2025/9/14 20:16:58

多模态大语言模型arxiv论文略读（108）

CROME: Cross-Modal Adapters for Efficient Multimodal LLM ➡️ 论文标题&#xff1a;CROME: Cross-Modal Adapters for Efficient Multimodal LLM ➡️ 论文作者&#xff1a;Sayna Ebrahimi, Sercan O. Arik, Tejas Nama, Tomas Pfister ➡️ 研究机构: Google Cloud AI Re…...

编程新知 2025/9/12 19:00:19

智能仓储的未来：自动化、AI与数据分析如何重塑物流中心

当仓库学会“思考”&#xff0c;物流的终极形态正在诞生 想象这样的场景&#xff1a; 凌晨3点&#xff0c;某物流中心灯火通明却空无一人。AGV机器人集群根据实时订单动态规划路径&#xff1b;AI视觉系统在0.1秒内扫描包裹信息&#xff1b;数字孪生平台正模拟次日峰值流量压力…...

编程新知 2025/9/1 23:52:40

自然语言处理——循环神经网络

自然语言处理——循环神经网络 循环神经网络应用到基于机器学习的自然语言处理任务序列到类别同步的序列到序列模式异步的序列到序列模式 参数学习和长程依赖问题基于门控的循环神经网络门控循环单元&#xff08;GRU&#xff09;长短期记忆神经网络&#xff08;LSTM&#xff09…...

编程新知 2025/9/4 7:05:35

Spring AI与Spring Modulith核心技术解析

Spring AI核心架构解析 Spring AI&#xff08;https://spring.io/projects/spring-ai&#xff09;作为Spring生态中的AI集成框架&#xff0c;其核心设计理念是通过模块化架构降低AI应用的开发复杂度。与Python生态中的LangChain/LlamaIndex等工具类似&#xff0c;但特别为多语…...

编程新知 2025/9/10 1:53:18

Linux C语言网络编程详细入门教程：如何一步步实现TCP服务端与客户端通信

文章目录 Linux C语言网络编程详细入门教程&#xff1a;如何一步步实现TCP服务端与客户端通信前言一、网络通信基础概念二、服务端与客户端的完整流程图解三、每一步的详细讲解和代码示例1. 创建Socket&#xff08;服务端和客户端都要&#xff09;2. 绑定本地地址和端口&#x…...

编程新知 2025/6/25 4:41:54

Java求职者面试指南：计算机基础与源码原理深度解析

Java求职者面试指南&#xff1a;计算机基础与源码原理深度解析 第一轮提问&#xff1a;基础概念问题 1. 请解释什么是进程和线程的区别&#xff1f; 面试官&#xff1a;进程是程序的一次执行过程&#xff0c;是系统进行资源分配和调度的基本单位&#xff1b;而线程是进程中的…...

编程新知 2025/9/16 9:40:57