HTTP - WEB 基础

Posted 2023-02-21 zj510

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTTP - WEB 基础相关的知识，希望对你有一定的参考价值。

web开发就是基于HTTP的。

那么一个典型的WEB开发是怎么样的呢？

先整个HTML静态页面，如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>MyTest</title>

</head>
<body>
Test Image Upload<br><br>
<form action="img.php" method="post" enctype="multipart/form-data" name="upload_form">
  <label>Select Image</label>
  <input name="imgfile" type="file" accept="image/gif, image/jpeg"/>
  <input name="upload" type="submit" value="Submit" />
</form>

Test login
<form name="frm" action="login.php" method="post">
    <table>
        <tr>
		<td>User name:</td><td><input type="text" name="username"  id="username"></td>
     	</tr>
        <tr>
        	<td>Password:</td><td><input type="password" name="password" id="password"></td>
        </tr>
        <tr><td colspan="2">
        	<input type="submit" value="Submit" />   
                <input type="reset" value="Reset"/></td>
        </tr>
    </table>
</form>

</body>

</html>

这个网页很简单，就是放了个登录框和图片上传。放浏览器里面看一下：

登录实现

先来看一下登录的form：

<form name="frm" action="login.php" method="post">
    <table>
        <tr>
		<td>User name:</td><td><input type="text" name="username"  id="username"></td>
     	</tr>
        <tr>
        	<td>Password:</td><td><input type="password" name="password" id="password"></td>
        </tr>
        <tr><td colspan="2">
        	<input type="submit" value="Submit" />   
                <input type="reset" value="Reset"/></td>
        </tr>
    </table>
</form>

通过POST形式往login.php发送。

那么怎么实现login.php呢？

<?
	$uname = $_POST["username"];
	$pwd = $_POST["password"];
	echo $uname.":".$pwd;
?>

上面是个例子，就是获取客户端POST上来的用户名和密码。这里只是简单的echo出来。实际上应该是查询数据库。

为了测试，我把html放到了一个服务器上。

http://182.254.240.48/ectest/tmp/test.html

用浏览器打开，然后输入用户名密码，可以看到

这个过程就是：

1. 浏览器提交了一些信息

2. login.php收到数据并且显示。

图片上传

写个img.php来接收图片文件：

<?
	if($_SERVER['REQUEST_METHOD'] == 'POST')
	
		echo "received a POST<br>";
		if (!is_uploaded_file($_FILES["imgfile"]["tmp_name"]) )
		
			echo "no file";
		
		else
		
			$tmp = $_FILES["imgfile"]["tmp_name"];
			move_uploaded_file($tmp, "./images/a.png");
				
	
	else
	
		echo "Not post method";
	
?>
<img src="./images/a.png">

代码很很简单，就是把收到的图片移到当前images目录下，然后显示。