利用HTML＋PHP将表单数据传递到后台

最新推荐文章于 2024-09-19 13:29:13 发布

孤独的SVIP

最新推荐文章于 2024-09-19 13:29:13 发布

阅读量8.9k

点赞数 1

分类专栏： php

本文链接：https://blog.csdn.net/qq_36343904/article/details/92061806

版权

php 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

导读：本文举例后台文件暂用.txt文档代替，前台表单输入的数据最终将传递到‘data.txt文件中

1.首先构建前台表单页面，HTML文件代码如下（css文件在这里不是重点咱就略过了哈）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="./css/form.css">
</head>
<body>   
    <form action="<?php echo $_SERVER["PHP_SELF"] ?>" method="post" enctype="multipart/form-data">
    <!-- enctype="multipart/form-data"作用是给表单添加“添加文件”的功能 -->
        姓名：<input type="text" name="username">
        昵称：<input type="text" name="nickname">
        年龄：<input type="text" name="age">
        电话：<input type="text" name="tel">
        性别：<input type="radio" name="gender" value="男" checked>男
             <input type="radio" name="gender" value="女" >女
             <br>
        班级：<select name="class" >
                <option value="1">学前班</option>
                <option value="2">幼儿园</option>
                <option value="3">小学僧</option>
             </select>
        头像： <input type="file" name="photo" >
         <!-- <input type="file" name="photo[]" multiple >上传多个文件 -->
        <input type="submit" value="添加信息">
    </form>
</body>
</html>

最后样式如下图所示

在这里插入图片描述

接下来是PHP代码块，我这里就直接将PHP代码写在原先HTML代码之上，所以需要将原先’.html’文件后缀名改成‘.php’。

<?php
    function register(){
        // Array ( [username] => QQ [nickname] => QQ [age] => 123 [tel] => 123 [gender] => 男 [class] => 1 )
        // print_r($_POST);
        // 验证用户数据是否正确
        if(empty($_POST["username"])){
            echo '请输入姓名';
            // 1.如果在php结构中直接写return,那么当运行到return代码的时候，整个php文件的执行就结束了
            // 2.如果在方法中写return,那么这个return就只能结束这个方法的执行
            return;
        }
        if(!isset($_POST["nickname"]) || trim($_POST["nickname"]) === ""){
            echo '请输入昵称';
            return;
        }

        // 实现图片的上传操作
        print_r($_FILES);
        // 判断图片上传操作是否成功
        if(empty($_FILES) || $_FILES["photo"]["error"]!=0){
            echo '图片上传失败';
            return;
        }
        // 图片上传成功，我们需要去获取上传成功之后的图片名称
        $picName = $_FILES["photo"]["name"];
        $ext = strrchr($picName,".");
        $finalName = time().rand(1000,9999).$ext;
        // 将这个文件名称添加到$_POST中
        $_POST[] = $finalName;
        move_uploaded_file($_FILES["photo"]["tmp_name"],$finalName);
        // move_uploaded_file($_FILES["photo"]["tmp_name"],"image/".$finalName);
        //将文件添加到image文件夹里面

        print_r($_POST);

        // 数据的写入：明确数据写入的格式 qq|qq|123|123|男|1
        // implode:它可以将关联的数据以指定分隔符链接，转换为字符串，类似于js中的join()
        // explode:它可以将字符串以指定的分隔符分隔，生成关联数组
        $str = implode($_POST,"|");
        // 将数据写入到文件
        file_put_contents("data.txt",$str."\n",FILE_APPEND);
    }
    // 判断用户是否提交的post请求
    if($_SERVER["REQUEST_METHOD"]==="POST"){
        register();
    }
?>