apache/xampp表单提交数据

Posted F1ght!!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了apache/xampp表单提交数据相关的知识,希望对你有一定的参考价值。

1.1

在这里记录如何实现从前端的表单提交数据,然后提交到后端,

前端是:html,后端是:php

1.2 这是简单的表单的提交代码:

<html>
<head>
<meta charset="utf-8">
<title>try it bro!!!</title>
</head>
<body>
 <br><br>
 <br>欢迎注册!!!!!<br><br>
<form action="welcome.php" method="post">
名字: <input type="text" name="name">
年龄: <input type="number" name="age"><br>
身高: <input type="number" name="height">
备注: <input type="text" name="remarks">
<br><br>
&nbsp;&nbsp;&nbsp;<input type="submit" value="提交">
</form>
 
</body>
</html>

用html写成,用浏览器打开,效果:
在这里插入图片描述
本来的功能是通过表单中的action=“welcome.php”,跳转到welcome.php, action=""意为跳转到指定的文件。

<form action="welcome.php" method="post">

上面一行代码指定了跳转到文件welcome.php,以及传递方式为post,即将变量放入数据中进行传输。

welcome就是其后端代码,用于接受传来的数据,代码如下:

<?php
echo "your name is ".$_POST["name"].",";
echo"your age is:".$_POST["age"].",";
echo "your height is ".$_POST["height"]."";
echo"your remarks is:".$_POST["remarks"].",";
?>

上述后端代码的功能是,将通过post传来的变量,输出出来。

html是前端代码,用浏览器就可以解析,而php是后端代码,必须要一个服务器来进行操作。在这里用本地计算机作为服务器。

使用集成平台xampp,其自带提供web服务的apache,以及提供数据库服务的mysql
在这里插入图片描述
apache是提供web服务的工具,将html文件和php文件一起放入

xampp下的htdocs下的www文件夹中,www是自己新建的,本身没有。

htdocs是apache中的一个文件,运行apache显示的it works初始界面就在htdocs中,建议在其中新建一个www,如下图所示:
在这里插入图片描述
然后在下图的config中打开httpd.conf,

在这里插入图片描述
搜索到document,更改下方的root和directory路径为www.
在这里插入图片描述
然后访问localhost/form.html,会自动跳转到www文件夹,运行:
在这里插入图片描述
提交:
在这里插入图片描述

在apache中设置访问目录后进入的默认页面为index.php

找到apache的配置文件httpd.conf后找到

DirectoryIndex index.html index.php

在其中添加index.php,

以上是关于apache/xampp表单提交数据的主要内容,如果未能解决你的问题,请参考以下文章

为 Laravel 集体表单创建手动提交按钮

http.exe、Apache、Xampp 使用端口 443

form表单提交后,后台怎么处理数据

HTML 表单提交 的简单代码

Form标签表单回显与提交

PHP 使用表单提交到本页,POST接收不到数据值