我看到不少初级运维，连前后怎么向后端提交数据的都不懂！一问就回了一句“没学过开发”，那个汗颜啊~~
所以本章打算教一下前后使用HTML，后端使用PHP，做一个简单的向网站提交数据，主要使用GET和POST两种方式
如果没基础，没关系直接看《HTML教程》主要使用的是的表单部分，如果你真的很懒，你也可以直接不看
php可以看《PHP教程》，也可以不看，主要是输出你提交的数据而已。
此教程
TML使用的是本地win7编写的，我这里使用webStorm进行HTML编写，也可以不要，直接复制我的代码也行。
PHP使用的是LNMP，搭建可以看我的《hualinux2.5 环境搭建：centos8安装LNMP》，使用PHPStorm编写PHP，也可不要

一、HTML语法（熟悉可跳过）

1.1 使用语法

<标签>内容</标签>注：新的html5如果内容没有可以写成<标签/>

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

固定格式为：

<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<!--在这里写内容就行了--> 
</body>
</html>

上面的每对标签只能出现一次，在<body>...</body>之间写东西就行了，可以嵌套其它标签，有兴趣可以看《HTML教程》

1.2 HTML标签英文全称

有些人反映老是记不住HTML标签，这里我贴出全称

HTML标签	英文全称	中文释义
a	Anchor	锚
abbr	Abbreviation	缩写词
acronym	Acronym	取首字母的缩写词
address	Address	地址
dfn	Defines a Definition Term	定义定义条目
kbd	Keyboard	键盘（文本）
samp	Sample	示例（文本
var	Variable	变量（文本）
tt	Teletype	打印机（文本）
code	Code	源代码（文本）
pre	Preformatted	预定义格式（文本）
blockquote	Block Quotation	区块引用语
cite	Citation	引用
q	Quotation	引用语
strong	Strong	加重（文本）
em	Emphasized	加重（文本）
b	Bold	粗体（文本）
i	Italic	斜体（文本）
big	Big	变大（文本）
small	Small	变小（文本）
sup	Superscripted	上标（文本）
sub	Subscripted	下标（文本）
bdo	Direction of Text Display	文本显示方向
br	Break	换行
center	Centered	居中（文本）
font	Font	字体
u	Underlined	下划线（文本）
s/ strike	Strikethrough	删除线
div	Division	分隔
span	Span	范围
ol	Ordered List	排序列表
ul	Unordered List	不排序列表
li	List Item	列表项目
dl	Definition List	定义列表
dt	Definition Term	定义术语
dd	Definition Description	定义描述
del	Deleted	删除（的文本）
ins	Inserted	插入（的文本）
h1~h6	Header 1 to Header 6	标题1到标题6
p	Paragraph	段落
hr	Horizontal Rule	水平尺
href	hypertext reference	超文本引用
alt	alter	替用(一般是图片显示不出的提示)
src	Source	源文件链接
cell	cell	巢
cellpadding	cellpadding	巢补白
cellspacing	cellspacing	巢空间
nl	navigation lists	导航列表
tr	table row	表格中的一行
th	table header cell	表格中的表头
td	table data cell	表格中的一个单元格

<a> anchor 定义锚 
<abbr> abbreviation 定义缩写 
<acronym>  定义只取消首字母的缩写 
<address> 定义地址元素 
<area> 定义图像映射内部的区域 
<b> bold 定义粗体字 
<base> 定义页面当中的所有链接的基准链接 
<bdo>  bidirectional override 定义文字的显示方向 
<big> 定义大号字 
<blockquote> 定义长的引用 
<body> 定义body元素 
<br> break 插入一个回车 
<button> 定义按钮 
<caption> 定义表格标题 
<cite> citation 定义引用 
<code> computer code 定义计算机代码文本 
<col> column 定义用于表格列的属性 
<h1>to<h6> 定义标题1到标题6 
<head> 定义关于文档的信息 
<hr> horizontal 定义水平线 
<html> hypertext markup language 定义html文档 
<i> italic 定义斜体字 
<iframe> inline frame 定义内联框架 
<img> image 定义图像 
<input>  定义输入域 
<ins> inserted 定义被插入的文本 
<kbd> keyboard 定义键盘文本 
<label> 定义针对表单控件的标签 
<legend> 定义框架集的标题 
<li> list item 定义列表的项目 
<link> 定义资源引用 
<map> 定义图像映射 
<meta> 定义元信息 
<noframe> 定义无框架的节 
<noscript> 定义无脚本的节 
<object> 定义内嵌对象 
<ol> ordered list 定义有序列表 
<optgroup> option group 定义选项组 
<option> 定义下拉列表的选项 
<p> paragraph 定义段落 
<param> 定义对象的参数 
<pre> preformatted 定义预格式文本 
<q> quotation 定义短的引用 
<samp> sample 定义计算机代码样本 
<script> 定义脚本 
<select> 定义选择列表 
<small> 定义小字体文本 
<span> 定义文档中的节 
<strong> stronger empasis定义强调文本 
<style> 定义样式的定义 
<sub> subscript 定义下标文本 
<sup> superscript 定义上标文本 
<table> 定义表格 
<tbody> table body 定义表格的主体部分 
<td> table data cell定义表格单元 
<textarea> 定义文本区域 
<tfoot> table foot定义表也的脚注 
<th> table header cell定义表格的表头单元格 
<thead> table head定义表格的标题 
<title> 定义文档的标题 
<tr> table row定义表格的行 
<tt> teletype 定义打字机文本 
<ul> unordered list 定义无序列表 
<var> variable 定义变量

二、PHP语法（可以跳过）

<?
;php代码

php语法很简单可以看《PHP教程》和《PHP官方中文文档》

本文只用到 “$_GET 变量”和“$_POST 变量”

三、编写交互代码

3.1 需求及讲解

3.1.1 需求

上图填写“名字”“留言”点提交，就显示你的名字和留言的内容，
名字：hua
留言：php是世界上最好的语言
效果如下图所示：
要求使用get和post两种方式提交，并对比一下不同的地方

3.1.2 分析

HTML提交数据使得的是表单，表单是用于向服务器传输数据用的，

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
有兴趣的可以看一下《HTML表单》

我在这里HTML中可以使用的是<input>的text和 <textarea>实现

php的get方法可以使用$_GET，而post可以使用 $_POST

3.2 GET方式实现

3.2.1 HTML代码及解说

html代码，我放在桌面了，大家可以用记事本编写，然后另存为index.html就行了

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>hello</title>
</head>
<body>
<form method="get" action="http://192.168.3.11/note.php" enctype="application/x-www-form-urlencoded">名字：<input type="text" name="username"><br>留言：<br><textarea name="note" cols="30" rows="5" placeholder="请输入你的留言"></textarea><br><input type="submit" value="提交">
</form></body>
</html>

注解：

form属于解说：

method="get"：表示使用get方式，如果使用post可以把get改为post
action="http://192.168.3.11/note.php"：表示处理这个get请求的文件路径，我的php文件在服务器上，路径是http://192.168.3.11/note.php
enctype：属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码（空格转换为 "+" 加号，特殊符号转换为 ASCII HEX 值）。
值描述
application/x-www-form-urlencoded 在发送前编码所有字符（默认）
multipart/form-data
不对字符编码。
在使用包含文件上传控件的表单时，必须使用该值。
text/plain 空格转换为 "+" 加号，但不对特殊字符编码。

值	描述
application/x-www-form-urlencoded	在发送前编码所有字符（默认）
multipart/form-data	不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
text/plain	空格转换为 "+" 加号，但不对特殊字符编码。

input说明：标签用于搜集用户信息。

根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

type="text"：表示是文本框，还有其它一堆类型，我这里就不说了，有求个可以看一下<input>
name：表示这个控制的名字，一定要写的！
from提交数据是 name属的值，以及value的值，如果少了name属性是不会提交的！！
就是因为见到不少初学者都犯这个错误

提交按键 type="submit"：必需写！这个是提交的意思，没有name，因为它只负责把form标签中包含有name的都提交到服务器中。

textarea：标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。

属性不说了，自己看

3.2.2 php代码及解说

我在PHP服务器上note.php代码为

<?php
echo $_GET['username'].'留言是：</br>';
echo '<pre style="border: 3px solid olivedrab;width: 25%">'.$_GET['note'].'</pre>';

解说：

echo：输出的意思，如果有个字符串连接使用点号.

$_GET：
预定义的 $_GET 变量用于收集来自 method="get" 的表单中的值。
从带有 GET 方法的表单发送的信息，对任何人都是可见的（会显示在浏览器的地址栏），并且对发送信息的量也有限制。

<pre style="border: 3px solid olivedrab;width: 25%">：
我加入的html标签，效果就是加一个绿色的框围着

3.2.3 运行效果并get分析

打开HTML我的放在桌面上，用的是火狐浏览器打开，输入如下图内容：

，

效果如下：

在上图中我们看URL地址的变化

http://192.168.3.11/note.php?username=hua&note=php是世界上最好的语言，get方式
上面中
http://192.168.3.11/note.php：访问的是PHP服务器的note.php文件
问号?：连接作用，一般表示后是传参数的，可以理解为连接参数的作用

username=hua&note=php是世界上最好的语言，get方式：
这些就是参数，对应的是form表单标签中含有name属性及值，第一个是我在html使用的是input的文本，name设置为username，value的值为hua，它们形式是
name的值=value的值
所以我这里是username=hua，同理那2个也一样，这里不就说了
&：不同参数的间隔符，我这里有2对参数，所以使用了&连接号

有些眼尖的人还看到你自己发送的内容在URL上显示了！！！对，这就是get方式，直接以明文方式在URL使用参数提交的！所以使用用户名和密码登陆方式，不能使用get方式！！

我这里再在火狐浏览器上按F12，会弹出开发者工具菜单，选择“网络”

再退回再次提交看一下，发现会有很多东西可以看，如下图所示：

再点一下响应头

这些东西我就不理解了，有兴趣可以看一下《图解HTTP》

3.3 使用post方式提交

3.3.1 HTML代码

只需要把method方式改为post就行了，其它不需要修改

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>hello</title>
</head>
<body>
<form method="post" action="http://192.168.3.11/note.php" enctype="application/x-www-form-urlencoded">名字：<input type="text" name="usernmae"><br>留言：<br><textarea name="note" cols="30" rows="5" placeholder="请输入你的留言"></textarea><br><input type="submit" value="提交">
</form></body>
</html>

3.3.2 PHP代码

把$_GET改为$_POST

<?php
echo $_POST['username'].'留言是：</br>';
echo '<pre style="border: 3px solid olivedrab;width: 25%">'.$_POST['note'].'</pre>';

3.3.3 效果并分析

按下图输入内容并提交：

效果如下图所示：

发现post提交并不像get提交URL上会多出一些东西，连提交的内容都是明文显示的。这里是什么都没有看到，但数据的确提交到服务器上了。
所以说post提交适合于
1.不想别人看到内容的，如用户名和密码
2.提交大的数据，一般get提交的数据不能超过4k，有的浏览器是8k，决定于浏览器，毕竟URL长度是有限的

四、补充内容

如果做运维久的人会发现有的人用get提交时，发现也并不是所有的传参用？分隔的啊，有的用/，这是因为是进行了修改了，使用的不是默认风格而是PATH_INFO用斜杠把参数隔开了。

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

go module
go module目录为什么需要依赖管理 go module 在项目中使用go module1. 为什么需要依赖管理最早的时候，Go所依赖的所有的第三方库都放在GOPATH这个目录下面。这就导致了同一个库只能保存一个版本的代码。如果不同的项目依赖同一个第三方的库的不同版本，应该怎么解决？2. go mo…...
2024/4/18 10:52:14
关于电脑DNS失效不能打开浏览器，但是其余的应用能正常使用的问题解决办法
windows10的解决办法：打开网络和Internet设置--》更改适配器选项--》找到你电脑用的那个网络--》右键属性--》上面有网络和共享两个选项--》点网络，然后点一下Internet选项，把下面属性点击一下--》看到常规选项，下面有个使用下面的DNS服务器地址--》自动获得IP地址不用管，…...
2024/4/22 21:40:09
分辨率
A 3D map of the human genome at kilobase resolution reveals principles of chromatin looping[J]. Cell, 2014, 159(7): 1665-1680. 在以上文章中，研究者描述 Hi-C 数据分辨率的评估方法:分辨率为 1Kb 表示在全基因组 1Kb 的 bin 中,超过 80%的 1kb 的 bin 含有>1000 个…...
2024/4/18 10:52:15
期末安卓习题--第四章
第四章安卓第四章填空题判断题ANDROID中的五种数据存储方式安卓第四章填空题 1.sharedPreferences读取数据时，其中有一个方法是getString(key, defValue)，该方法中的defValue参数是：是当用getString得到数据时如果没有得到key值所对应的value值，就给定一个默认的值。 2.在…...
2024/4/16 6:55:57
Java语言-producer-consumer
public class Producer implements Runnable {private SyncStack theStack;private int num;private static int counter=1;public Producer(SyncStack s) {theStack=s;num=counter++;}//run（）方法是生产者线程的线程体，每次随机产生一个字母放入堆栈，//然后休眠300毫秒，共…...
2024/4/18 11:07:40
AutoSAR系列讲解（深入篇）14.7-Mcal Adc配置（上）
AutoSAR系列讲解（深入篇）14.7-Mcal Adc配置（上）Mcal Adc配置（上）一、AdcGeneral二、AdcSafety三、AdcConfigSet Mcal Adc配置（上） ->返回总目录<- 在之前的章节中，咱们在Port的配置中讲解了工具的初步使用与一些技巧；在Dio的配置中讲解了生成的代码的内容；在m…...
2024/4/18 10:52:26
SDU《程序设计思维与实践》课程个人感想
这门课到此也就宣告结束了呀，回想过去居家学习的 16 周真的是既辛酸又充实…由于是非竞赛生，之前没怎么接触过算法刷题这一方面，唯一学的点算法也是来自上学期的数据结构，回想刚开始上这门课的时候，真的是十分吃力！！比如第二周几个简单的模拟题一个也没做出来，之前的一…...
2024/4/18 10:52:33
系统总结Android OOM 产生原因及解决方案
名词解释 OOM Out Of Memory 内存溢出理解如果不好理解，可以想象一下水溢出，向一个杯子里面持续加入水，当水杯空间不够用的时候，水就会溢出同理，android系统分配给app的运行内存就是一个水杯，当app开销内存超过分配当内存时，就会产生内存溢出产生当几种原因内存一次…...
2024/4/18 11:07:32
permission denied是什么鬼？
问题：在PC端编译了一个arm芯片的测试程序，出现了permission denied 解决办法： 1.给文件赋予可执行权限chmod a+x xxx这是一般第一反应会想到的答案 2. 有时候已经有可执行权限，还是提示上面的错误此时要注意你的交叉编译器是否正确，就比如我的内核使用arm-hisiv400-linux-…...
2024/4/18 10:53:26
UMEX平台交易所数字货币合约招商，总部直招
货币合约哪家强，UMEX我在行，UMEX数字货币合约平台总部直招全球招商，招募合作伙伴！找公司代理，团队代理，个人代理！！货币合约哪家强，UMEX我在行，UMEX数字货币合约总部直招平台全球招商，招募合作伙伴！找公司代理，团队代理，个人代理！！货币合约哪家强，UMEX我在行…...
2024/4/19 22:40:16
java——类加载
类加载0：概述1 类文件结构1.1 魔数1.2 版本1.3 常量池1.2 字节码指令1.3 图解方法执行流程 0：概述1 类文件结构1.1 魔数不同的文件有自己的魔数信息，标识文件是什么类型 eg：jpg，class 1.2 版本主要是：mahor_version1.3 常量池1.2 字节码指令注：java中执行方法的顺序为：…...
2024/4/18 10:52:14
6.3 力扣栈
1003. 检查替换后的词是否有效就是一直消除 abc 的字符串。依次遍历S中的每个字符，如果当前字符为c,判断栈顶两个字符是不是b和a,如果是，两次退栈，否则可直接判断S不是有效的字符串，当前前提是先判断栈中元素个数是不是大于2，如果不是，直接判断无效。如果是字符a 和b…...
2024/4/24 10:29:05
第21章 DMA——直接存储器访问
21.1DMA简介DMA：Direct Memory Access，直接存储器访问。主要功能是可以把数据从一个地方搬到另外一个地方，而且不占用CPU。DMA1：有7个通道，可以实现 P->M，M->P， M->MDMA2：有7个通道，可以实现 P->M，M->P，M->M21.2DMA功能框图讲解1-DMA请求DMA有DMA…...
2024/4/24 10:29:01
SAP S/4 MM 服务采购的操作说明
1.创建服务主数据操作步骤输入上图必输部分，其他字段根据业务需要选择输入，输入完成后保存。生成服务主数据编码1000013 2.创建服务的价格记录操作步骤1.创建基于采购组织，供应商和工厂的价格条件2.创建基于采购组织和供应商的价格条件3.创建基于服务条目的价格条件3.创建…...
2024/4/24 4:15:30
java class局部变量表
每个栈帧内部都包含一组称为局部变量表的变量列表,局部变量表的大小在编译期音就已经确定了,对应class文件中方法Code属性的max_locals字段,Java虚拟机会根据max_locals字段来分配方法执行过程中需要分配的最大局部变量表的容量例一 public class MyJvmTest {public void foo(…...
2024/5/4 6:35:05
docker相关命令
docker ps 查看运行的容器 docker exec -it 容器名字 bash...
2024/4/24 10:28:58
自定义mvc
1.什么是MVC？ MVC全名：Model View Controller，其中Model（模型层）、View（视图层）、Controller（控制层）它是一种软件设计典范，用于业务逻辑处理、数据、界面显示分离， 2.MVC结构？ V（视图层） --》JSP/HTML/freemarkerC（控制层） --》Servlet/Action/ControllerM（…...
2024/4/24 10:28:57
20-06-03-LVM逻辑卷的基本概念、基本管理、拉伸与缩小
20-06-03-LVM逻辑卷的基本概念、基本管理、拉伸与缩小 LVM逻辑卷的基本概念为什么需要LVM呢？比如你的电脑A磁盘内存已经饱和，需要扩充。这个时候怎么扩充而不会破坏掉已有的内容？这个时候就需要LVM了。PE 物理扩展 PV 物理卷 VG 卷组 LV 逻辑卷以上4个是依次变大的我…...
2024/5/4 9:35:52
JUnit中 @Test报错 JUnit4.12未加载 jar包下载不下来
1，下载JUnit的4.12jar的包地址：链接：https://pan.baidu.com/s/1dOhGzHGybBMpXj8XOaMftA 提取码：k3gr 2.打开idea File->Project Strucure->Modules ->Dependencies->右边的加号->第一个JARS开头->选择下载的两个.jar 都勾上点击ok 就好了...
2024/4/24 10:28:55
ResNet网络的学习
B站大佬的视频讲解因为以后可能想用ResNet网络作为backbon，所以仔细阅读了源码，做一下个人笔记。就是给源码写自己看的懂得注释…import torch.nn as nn import torchclass BasicBlock(nn.Module):expansion = 1def __init__(self, in_channel, out_channel, stride=1, down…...
2024/5/4 6:32:45

hualinux 编程概念 3.6：浏览器是如何和网站交互数据的（新手必看！）