如何创建向XAMPP服务器上传数据的活动及搭建可关联App的XAMPP数据库

开发者阿泽

2026-5-14

嘿，作为经常在Stack Overflow上解答这类问题的老玩家，我来一步步帮你搞定这两个XAMPP相关的操作，全程都是实操性的步骤，跟着走就行！

1. 创建向XAMPP服务器上传数据的功能（活动）

第一步：准备XAMPP环境
打开XAMPP控制面板，先启动Apache服务（确保它的状态是Running，端口默认80，如果你改了端口就记好对应的端口号）。之后找到XAMPP安装目录下的htdocs文件夹，新建一个项目文件夹，比如命名为data_upload——所有相关代码都要放在这个文件夹里，XAMPP的Apache会默认从htdocs读取文件。

第二步：写后端处理脚本
在data_upload文件夹里新建一个PHP文件，比如process_upload.php，这个脚本负责接收前端传来的数据并处理（比如保存到服务器文件或者后面要建的数据库里）。这里给两个常见场景的示例：

场景1：接收文本表单数据并保存到本地文件

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 获取表单传来的数据
    $username = $_POST['username'];
    $message = $_POST['message'];

    // 准备要写入的内容
    $content = "用户名: $username\n留言: $message\n-------------------------\n";

    // 写入到本地文件（注意要确保文件夹有写入权限）
    file_put_contents('user_messages.txt', $content, FILE_APPEND | LOCK_EX);

    // 返回成功提示
    echo "数据上传成功！";
} else {
    echo "请通过表单提交数据！";
}
?>

场景2：接收文件上传（比如图片、文档）

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $targetDir = "uploads/";
    // 确保uploads文件夹存在，不存在就创建
    if (!file_exists($targetDir)) {
        mkdir($targetDir, 0777, true);
    }
    $targetFile = $targetDir . basename($_FILES["uploadFile"]["name"]);
    $uploadOk = 1;
    $fileType = strtolower(pathinfo($targetFile,PATHINFO_EXTENSION));

    // 简单的文件类型验证（比如只允许图片）
    if($fileType != "jpg" && $fileType != "png" && $fileType != "jpeg"
    && $fileType != "gif" ) {
        echo "只允许上传图片文件！";
        $uploadOk = 0;
    }

    // 执行上传
    if ($uploadOk == 1) {
        if (move_uploaded_file($_FILES["uploadFile"]["tmp_name"], $targetFile)) {
            echo "文件 ". htmlspecialchars( basename( $_FILES["uploadFile"]["name"])). " 上传成功！";
        } else {
            echo "上传文件时发生错误！";
        }
    }
}
?>

第三步：写前端提交界面
同样在data_upload文件夹里新建index.html，写一个表单让用户输入或选择要上传的内容：

对应文本数据的表单：

<!DOCTYPE html>
<html>
<body>
    <h2>上传文本数据</h2>
    <form action="process_upload.php" method="post">
        用户名: <input type="text" name="username"><br>
        留言: <textarea name="message"></textarea><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

对应文件上传的表单（注意要加enctype="multipart/form-data"）：

<!DOCTYPE html>
<html>
<body>
    <h2>上传文件</h2>
    <form action="process_upload.php" method="post" enctype="multipart/form-data">
        选择文件: <input type="file" name="uploadFile" id="uploadFile"><br>
        <input type="submit" value="上传文件" name="submit">
    </form>
</body>
</html>

第四步：测试功能
打开浏览器，访问http://localhost/data_upload/index.html（如果Apache用了自定义端口，比如8080，就改成http://localhost:8080/data_upload/index.html），输入内容或选择文件提交，看看是否能成功上传，同时检查data_upload文件夹里的user_messages.txt或者uploads文件夹里的文件是否正确生成。

2. 在XAMPP中搭建可关联应用的数据库

第一步：启动MySQL并打开phpMyAdmin
回到XAMPP控制面板，启动MySQL服务，然后点击MySQL旁边的「Admin」按钮，或者直接在浏览器访问http://localhost/phpmyadmin（同样注意端口号），进入数据库管理界面。
第二步：创建数据库
在phpMyAdmin左侧的输入框里输入你想要的数据库名称，比如my_app_db，然后点击「创建」按钮，就能得到一个空的数据库了。
第三步：创建数据表
进入刚创建的my_app_db，在「新建数据表」区域输入表名（比如user_records）和字段数量（比如3个），点击「执行」。然后依次设置每个字段：
- 第一个字段：id，类型选INT，勾选「A_I」（自增），设置为主键（点击主键图标）
- 第二个字段：user_name，类型选VARCHAR，长度设为50
- 第三个字段：user_email，类型选VARCHAR，长度设为100
  设置完后点击「保存」，数据表就创建好了。

第四步：让应用关联这个数据库
这里以PHP应用为例，写一个连接数据库并操作数据的示例脚本（比如db_connection.php）：

<?php
// 数据库连接参数
$servername = "localhost"; // XAMPP的MySQL默认地址
$username = "root"; // XAMPP的MySQL默认用户名
$password = ""; // XAMPP的MySQL默认密码是空的
$dbname = "my_app_db"; // 刚才创建的数据库名称

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
echo "数据库连接成功！<br>";

// 示例：插入一条数据到数据表
$sql = "INSERT INTO user_records (user_name, user_email) VALUES ('John Doe', 'john@example.com')";
if ($conn->query($sql) === TRUE) {
    echo "新数据插入成功！";
} else {
    echo "插入错误: " . $conn->error;
}

// 关闭连接
$conn->close();
?>

把这个文件放在之前的data_upload文件夹里，访问http://localhost/data_upload/db_connection.php，如果看到“数据库连接成功！”和“新数据插入成功！”，就说明应用已经成功关联数据库了。你也可以回到phpMyAdmin的user_records表里，查看是否有新插入的数据。

内容的提问来源于stack exchange，提问作者Kumbukani