我从事 C 开拓快六年了，但基本没打仗过 web 干系的东西。听别人讲 web 干系的东西时，总分不清哪个是前端，哪个是后端，前端和后端是怎么合营的？搜索了各种方法，终于搞清楚了很多类似的问题。
Web前端是用html和Javascript编写的，在浏览器端实行，不与做事器交互（如apache、nginx、tomcat等），比如利用Javascript弹出警告框。PHP、Python属于后端措辞，当通过浏览器向做事器发送访问PHP文件的要求时（例如：63342/php_basic/helloworld.php），Web做事器收到该要求后创造是PHP代码，然后经由PHP解析器解析后，发送回Web做事器，末了返回给浏览器。
本文将大略先容前后真个事情流程，以及get、post方法的利用。
示例代码
以下代码演示了前后端折衷的事情流程。
GET 方法
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>title> <meta charset="utf-8" /> <script type="text/javascript" src="process.php">script> <script> function InputCheck(){ var user = document.getElementById("user"); if(user.value==""){ alert("用户名为空！
"); return false; } var pwd = document.getElementById("password"); if(pwd.value==""){ alert("密码不能为空！
") return false; } } script>head><body> <form name="myform" method="get" action="process.php"> <label for="user">用户名label> <input type="text" id="user" name="user" value="user"> <br /> <label for="password">密码label> <input type="password" id="password" name="password" value="password"> <br /> <input type="submit" id="submit" name="submit" value="提交" onclick="return InputCheck()"> form>body>html>
From的方法定义了提交办法为get，当点击“提交”按钮时，数据会通报到后台，点击后会调用javascript函数InputCheck()检讨输入框是否为空，如果为空则弹出警告框，并且不会向做事器发送后续。
当两个输入框都有内容时，点击“提交”按钮，数据就会传到后台，详细实行哪个PHP，由Form中的action来指定，这里指定了process.php，process.php代码如下。
/ Created by PhpStorm. User: sweird Date: 2016/10/10 Time: 22:18 /header("Content-Type:text/html;charset=utf-8");//支持中文$user=$_GET["user"];$pwd=$_GET["password"];echo "这是从web做事器返回的，已经经由php处理的！
";echo "您提交的用户名是：",$user,"";echo "您提交的密码是：",$pwd;?>
我们来看看运行效果，本次我们利用phpstorm进行开拓，写完代码之后，点击右上角的火狐浏览器图标。
现在跳转到Firefox浏览器，按F12打开调试窗口并切换到网络接口。
然后打消用户名输入框里的内容，点击“提交”。这样会触发javascript代码弹出警告窗口，并且会创造“网络”界面的调试窗口里没有任何数据，解释此时没有向做事器发送任何数据，只是在前端进行了js检讨。
然后在“用户名”输入框中输入数据，点击提交。
此时在地址栏中创造process.php已经实行完毕，并且显示出了用户名和密码，浏览器中显示的数据正是后台PHP代码打印出来的，至此前后端操作演示完毕。
POST 方法
接下来我们看一下PHP利用post方法时如何获取前端发送的数据？
从上面 get 方法的利用可以看出，当向做事器提交密码等敏感信息时，由于密码显示在 URL 中，非常不保密。这种情形下，最好的办法是利用 post 方法向后端提交数据。post 方法不会显式地输出密码，但是打开调试窗口还是可以看到密码的。
不过利用POST办法时须要把干系的PHP代码放入Wamp的www目录下，否则会涌现如下缺点提示：
将 PHP 移动到以下目录，然后确保做事器正常启动：
然后在浏览器中手动输入：
再次点击“提交”，涌现以下成功界面：
干系代码
post_demon.php代码如下
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>title> <meta charset="utf-8" /> <script type="text/javascript" src="process_post_data.php">script>head><body><form name="myform" method="post" action="process_post_data.php"> <label for="user">用户名label> <input type="text" id="user" name="user" value="user"> <br /> <label for="password">密码label> <input type="password" id="password" name="password" value="password"> <br /> <input type="submit" id="submit" name="submit" value="提交" onclick="return InputCheck()">form>body>html>
process_post_data.php代码如下：
/ Created by PhpStorm. User: sweird Date: 2016/10/13 Time: 21:30 /header("Content-Type:text/html;charset=utf-8");$name=$_POST["user"];$pwd=$_POST["password"];echo "这是从web做事器返回的，已经经由php处理的！
";echo "您提交的用户名是：",$name,"";echo "您提交的密码是：",$pwd;?>
