11 Web交互知识你了解吗?

本文涉及的产品
Redis 开源版,标准版 2GB
推荐场景:
搭建游戏排行榜
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
云数据库 Tair(兼容Redis),内存型 2GB
简介: 路老师带你深入PHP世界,纯干货分享。本文从Web工作原理讲起,介绍了HTTP协议和Web数据处理流程,重点讲解了PHP如何获取表单数据,包括POST和GET方法的具体实现及示例代码。适合初学者入门,助你掌握PHP核心技术。

有胆量你就来跟着路老师卷起来! -- 纯干货,技术知识分享

路老师给大家分享PHP语言的知识了,旨在想让大家入门PHP,并深入了解PHP语言。

image.gif 编辑


1 Web工作原理

当您浏览网页的时候,会打开浏览器,输入网址后按下回车键,然后浏览器就会显示出你想要的结果,在看似简单的行为背后,到底隐藏了什么逻辑呢?

1.1 HTTP协议

超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵循这个标准。设计HTTP最初的目的是为了提供一种发布和接受HTML页面的方法。

HTTP是一个客户端和服务端请求和应答的标准(TCP)。客户端指的是终端用户,服务端是服务器上的网站。通过使用Web浏览器、网络爬虫或者其他的工具,客户端发起一个到服务器上指定端口(默认是80)的HTTP请求,基本原理如下:

image.gif 编辑

常用的请求方式如下(最常用的就是GET和POST两种方式):

image.gif 编辑 1.2 Web工作原理

遵循HTTP协议,就可以向服务器发送请求,并接收消息。这中间有经历了什么呢?思考一下。其实这里面经历了Web的数据处理,处理流程如下图:

image.gif 编辑

第一步:用户在浏览器中输入网址,比如"www.123xxx.com",浏览器会去请求DNS服务器,DNS(Domain Name System)是“域名系统”的英文简称,是一种组织成域层次结构的计算机和网络服务命名系统,应用于TCP/IP网络,从事将主机名或者域名转换为实际IP地址的工作。DNS就像一个翻译官,将“www.123xxx.com”翻译成IP地址“101.200.120.88”。

第二步:DNS将翻译过来的IP地址传递给浏览器。

第三步:浏览器通过IP地址找到IP对应的Web服务器(通常是Apache或者Nginx),建立TCP连接,并向服务器发送HTTP Request(请求)包。

第四步:Web服务器发现用户访问了后缀为“.php”的文件,如index.php文件,那么服务器就会访问PHP解析引擎。

第五步:PHP在解析时,发现需要使用数据库。于是,连接数据库,访问数据库服务器。

第六步:数据库根据查询条件,查找数据返回给PHP引擎。

第七步:PHP引擎拼接数据,解析成HTML,返回给Web服务器。

第八步:Web服务器将HTML文件返回给浏览器,浏览器开始解析HTML文件,此时,用户在浏览器中就可以看到访问的网站内容了。

注意:这期间搭建要熟悉HTML CSS以及JavaScript的知识点,会表单创建。

2 PHP获取表单数据

PHP获取表单数据很显然,PHP充当的是服务端的角色。PHP接受数据的方式很简单,最常用的就是POST和GET方法接收数据。

如果客户端使用的是POST方式提交,提交表单域代码如下:

<form method="POST" action="register.php">
  <input type="text" name="username" value="张三">
  <!-- 省略代码 -->
</form>

image.gif

上述代码中,使用$_POST['username']接收<input>标签中的name属性为username的值,$_POST['username']值为“张三”。

如果以GET方式提交,则使用$_GET['username']接收。

image.gif


2.1 POST方式

用户注册页面register.html

<form name="RegForm" method="post" action="reg.php" onSubmit="return InputCheck(this)">
    <p>
        <label for="username" class="label">用户名:</label>
        <input id="username" name="username" type="text" class="input" />
        <span>(必填,3-15字符长度,支持汉字、字母、数字及_)</span>
        </p>
        <p>
        <label for="password" class="label">密 码:</label>
        <input id="password" name="password" type="password" class="input" />
        <span>(必填,不得少于6位)</span>
    </p>
    <p>
        <label for="repass" class="label">重复密码:</label>
        <input id="repass" name="repass" type="password" class="input" />
    </p>
    <p>
        <label for="email" class="label">电子邮箱:</label>
        <input id="email" name="email" type="text" class="input" />
        <span>(必填)</span>
    </p>
        <p>
        <input type="submit" name="submit" value="  提交注册  " class="left" />
        </p>
    </form>

image.gif

用户注册post方法显示页面reg.php

<?php
   $username = $_POST['username'];
   $password = $_POST['password'];
   $repass = $_POST['repass'];
   $email = $_POST['email'];
   echo "接收的用户名为:".$username."<br>";
   echo "接收的password为:".$password."<br>";
   echo "接收的repass为:".$repass."<br>";
   echo "接收的email为:".$email."<br>";
   $array = $_POST;//接收全面信息
   echo "<pre>";
   print_r($_POST);
?>

image.gif

显示结果如下:

image.gif 编辑

2.2 GET方式(仅仅是改了method方法)

<form name="RegForm" method="get" action="reg2.php" onSubmit="return InputCheck(this)">
    <p>
        <label for="username" class="label">用户名:</label>
        <input id="username" name="username" type="text" class="input" />
        <span>(必填,3-15字符长度,支持汉字、字母、数字及_)</span>
        </p>
        <p>
        <label for="password" class="label">密 码:</label>
        <input id="password" name="password" type="password" class="input" />
        <span>(必填,不得少于6位)</span>
    </p>
    <p>
        <label for="repass" class="label">重复密码:</label>
        <input id="repass" name="repass" type="password" class="input" />
    </p>
    <p>
        <label for="email" class="label">电子邮箱:</label>
        <input id="email" name="email" type="text" class="input" />
        <span>(必填)</span>
    </p>
        <p>
        <input type="submit" name="submit" value="  提交注册  " class="left" />
        </p>
    </form>

image.gif

reg2.php显示get方式的内容:

<?php
   $username = $_GET['username'];
   $password = $_GET['password'];
   $repass = $_GET['repass'];
   $email = $_GET['email'];
   echo "接收的用户名为:".$username."<br>";
   echo "接收的password为:".$password."<br>";
   echo "接收的repass为:".$repass."<br>";
   echo "接收的email为:".$email."<br>";
   $array = $_GET;//接收全面信息
   echo "<pre>";
   print_r($_GET);
?>

image.gif

显示结果如下:

image.gif 编辑

下篇 PHP和MySQL。  


相关文章
|
4天前
|
存储 人工智能 弹性计算
阿里云弹性计算_加速计算专场精华概览 | 2024云栖大会回顾
2024年9月19-21日,2024云栖大会在杭州云栖小镇举行,阿里云智能集团资深技术专家、异构计算产品技术负责人王超等多位产品、技术专家,共同带来了题为《AI Infra的前沿技术与应用实践》的专场session。本次专场重点介绍了阿里云AI Infra 产品架构与技术能力,及用户如何使用阿里云灵骏产品进行AI大模型开发、训练和应用。围绕当下大模型训练和推理的技术难点,专家们分享了如何在阿里云上实现稳定、高效、经济的大模型训练,并通过多个客户案例展示了云上大模型训练的显著优势。
|
7天前
|
存储 人工智能 调度
阿里云吴结生:高性能计算持续创新,响应数据+AI时代的多元化负载需求
在数字化转型的大潮中,每家公司都在积极探索如何利用数据驱动业务增长,而AI技术的快速发展更是加速了这一进程。
|
4天前
|
人工智能 运维 双11
2024阿里云双十一云资源购买指南(纯客观,无广)
2024年双十一,阿里云推出多项重磅优惠,特别针对新迁入云的企业和初创公司提供丰厚补贴。其中,36元一年的轻量应用服务器、1.95元/小时的16核60GB A10卡以及1元购域名等产品尤为值得关注。这些产品不仅价格亲民,还提供了丰富的功能和服务,非常适合个人开发者、学生及中小企业快速上手和部署应用。
|
13天前
|
人工智能 弹性计算 文字识别
基于阿里云文档智能和RAG快速构建企业"第二大脑"
在数字化转型的背景下,企业面临海量文档管理的挑战。传统的文档管理方式效率低下,难以满足业务需求。阿里云推出的文档智能(Document Mind)与检索增强生成(RAG)技术,通过自动化解析和智能检索,极大地提升了文档管理的效率和信息利用的价值。本文介绍了如何利用阿里云的解决方案,快速构建企业专属的“第二大脑”,助力企业在竞争中占据优势。
|
14天前
|
自然语言处理 数据可视化 前端开发
从数据提取到管理:合合信息的智能文档处理全方位解析【合合信息智能文档处理百宝箱】
合合信息的智能文档处理“百宝箱”涵盖文档解析、向量化模型、测评工具等,解决了复杂文档解析、大模型问答幻觉、文档解析效果评估、知识库搭建、多语言文档翻译等问题。通过可视化解析工具 TextIn ParseX、向量化模型 acge-embedding 和文档解析测评工具 markdown_tester,百宝箱提升了文档处理的效率和精确度,适用于多种文档格式和语言环境,助力企业实现高效的信息管理和业务支持。
3936 2
从数据提取到管理:合合信息的智能文档处理全方位解析【合合信息智能文档处理百宝箱】
|
4天前
|
算法 安全 网络安全
阿里云SSL证书双11精选,WoSign SSL国产证书优惠
2024阿里云11.11金秋云创季活动火热进行中,活动月期间(2024年11月01日至11月30日)通过折扣、叠加优惠券等多种方式,阿里云WoSign SSL证书实现优惠价格新低,DV SSL证书220元/年起,助力中小企业轻松实现HTTPS加密,保障数据传输安全。
499 3
阿里云SSL证书双11精选,WoSign SSL国产证书优惠
|
10天前
|
安全 数据建模 网络安全
2024阿里云双11,WoSign SSL证书优惠券使用攻略
2024阿里云“11.11金秋云创季”活动主会场,阿里云用户通过完成个人或企业实名认证,可以领取不同额度的满减优惠券,叠加折扣优惠。用户购买WoSign SSL证书,如何叠加才能更加优惠呢?
985 3
|
8天前
|
机器学习/深度学习 存储 人工智能
白话文讲解大模型| Attention is all you need
本文档旨在详细阐述当前主流的大模型技术架构如Transformer架构。我们将从技术概述、架构介绍到具体模型实现等多个角度进行讲解。通过本文档,我们期望为读者提供一个全面的理解,帮助大家掌握大模型的工作原理,增强与客户沟通的技术基础。本文档适合对大模型感兴趣的人员阅读。
397 16
白话文讲解大模型| Attention is all you need
|
8天前
|
算法 数据建模 网络安全
阿里云SSL证书2024双11优惠,WoSign DV证书220元/年起
2024阿里云11.11金秋云创季火热进行中,活动月期间(2024年11月01日至11月30日),阿里云SSL证书限时优惠,部分证书产品新老同享75折起;通过优惠折扣、叠加满减优惠券等多种方式,阿里云WoSign SSL证书将实现优惠价格新低,DV SSL证书220元/年起。
560 5
|
4天前
|
安全 网络安全
您有一份网络安全攻略待领取!!!
深入了解如何保护自己的云上资产,领取超酷的安全海报和定制鼠标垫,随时随地提醒你保持警惕!
693 1
您有一份网络安全攻略待领取!!!