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

导读:本文举例后台文件暂用.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();
    }
?>

最后将提交的数据上传到‘data.txt’文件中,如图所示:

在这里插入图片描述

注:有任何不理解或者有疑问的地方欢迎在下方评论栏中写下来哦!

  • 1
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
在前端,你可以使用HTML的`<form>`元素来创建一个表单,并使用相应的属性和方法来将数据传递后台。下面是一个简单的示例代码: ```html <!DOCTYPE html> <html> <head> <title>表单示例</title> </head> <body> <form action="process-form.php" method="POST"> <label for="name">姓名:</label> <input type="text" id="name" name="name" required><br><br> <label for="email">邮箱:</label> <input type="email" id="email" name="email" required><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password" required><br><br> <input type="submit" value="提交"> </form> </body> </html> ``` 在上述代码中,我们创建了一个包含姓名、邮箱和密码字段的表单。`action`属性指定了表单提交的目标URL(在这个例子中是`process-form.php`),`method`属性指定了表单提交的HTTP方法(在这个例子中是POST)。 当用户点击提交按钮时,表单数据将被发送到后台后台可以使用不同的服务器端技术(如Java、PHP等)来处理表单数据。 在Java中,你可以使用HttpServletRequest对象来获取表单数据。以下是一个简单的示例代码,演示了如何使用Java Servlet来处理上述表单数据: ```java import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class ProcessFormServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 获取表单数据 String name = request.getParameter("name"); String email = request.getParameter("email"); String password = request.getParameter("password"); // 处理表单数据 // ... // 重定向到其他页面或返回响应 // ... } } ``` 在上述代码中,我们通过`request.getParameter()`方法获取了表单字段的值,然后可以对这些值进行进一步的处理。 请注意,上述示例代码仅演示了如何将表单数据传递后台,并在Java中处理。实际的处理逻辑可能因具体的应用程序需求而有所不同。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值