【PHP编程使用UI框架】——GET和POST的请求方法

在这里插入图片描述


👨‍💻个人主页@开发者-曼亿点

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 曼亿点 原创

👨‍💻 收录于专栏PHP程序开发

🅰

请添加图片描述



前言

HTTP协议定义了很多客户端与服务器交互的方法,最常用的是CET和POSTGET方法一般用于从指定的资源获取信息,而POST方法一般用于向指定的资源提交要被处理的信息。本书的资源特指PHP文件。


🎶(1)GET的方法的使用


🐤GET方法的请求数据

  • 当客户端要从服务器端中读取信息时,使用的都是CET方法,例如,点击网页上的链接或者通过在浏览器的地址栏输人网址来浏览网页。CET方法要求服务器将URI定位的资源放在响应报文的数据部分返回给客户端。
  • 输人网址 :htps://www.jd.com,打开页面,如图 所示:
    在这里插入图片描述
  • 使用 GET方法时、客户端也可以给服务器端发送参数,服务器端将根据参数返回客户端需要的数据。GET方法的请求参数和对应的值附加在URL后面,使用一个号“代表 URL的结尾与请求参数的开始,参数之间使用符号“&”连接,如图所示:
    在这里插入图片描述

🐤使用UI框架解释GET方式请求数据

  • 🦖GET表单代码
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <meta name="wechat-enable-text-zoom-em" content="true">
    <title>WeUI</title>
    <link rel="stylesheet" href="css/weui.css"/>
</head>
<body>
<form method="GET" action="ok.php">
	<div class="page" >
	  <div class="weui-form">
		<div class="weui-form__text-area">
		  <h2 class="weui-form__title">用户注册</h2>
		  
		<div class="weui-form__control-area">
		  <div class="weui-cells__group weui-cells__group_form">
		   
			<div class="weui-cells">
			  <label for="js_input1" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">姓名</span></div>
				<div class="weui-cell__bd">
					<input name="uname" id="js_input1" class="weui-input" placeholder="填写本人姓名"/>
				</div>
			  </label>
			  <label for="js_input2" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">邮箱</span></div>
				<div class="weui-cell__bd">
					<input name="emaile" id="js_input2" class="weui-input" placeholder="填写本人邮箱"/>
				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">手机</span></div>
				<div class="weui-cell__bd">
					<input name="tel" id="js_input3" class="weui-input" placeholder="填写绑定的电话号码" type="number" pattern="[0-9]*" />
				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
			  				<div class="weui-cell__hd"><span class="weui-label">密码</span></div>
			  				<div class="weui-cell__bd">
			  					<input name="password" id="js_input3" class="weui-input" placeholder="请输入六位数的密码" type="password"  />
			  				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
			  				<div class="weui-cell__hd"><span class="weui-label">确认密码</span></div>
			  				<div class="weui-cell__bd">
			  					<input name="password" id="js_input3" class="weui-input" placeholder="请再次输入六位数的密码" type="password" />
			  				</div>
			  </label>
			</div>
		  </div>
		</div>
		<div class="weui-form__tips-area">
		  <p class="weui-form__tips">  
		  </p>
		</div>
		<div class="weui-form__opr-area">
		<button type="submit"  class="weui-btn weui-btn_primary">注册</button>
		</div>
		<div class="weui-form__tips-area">
		  <p class="weui-form__tips">
		  </p>
		</div>
	  </div>
	  <div role="alert" id="js_toast" style="display: none;">
		  <div class="weui-mask_transparent"></div>
		  <div class="weui-toast">
			  <i class="weui-icon-success-no-circle weui-icon_toast"></i>
			  <p class="weui-toast__content">已完成</p>
		  </div>
	  </div>
	</div>
</form>

css样式部分可以去翻阅PHP程序开发的UI框架的使用部分

  • 🦖创建一个ok.php:
<?php 
//接收GET发送的数据
$data=$_GET;
var_dump($data);
print_r($data);
?>
  • 🦖 运行结果:
    在这里插入图片描述
  • 🦖GET接收的数据如下:
    在这里插入图片描述

🎶(2)POST方式的使用


🐤使用UI框架解释GET方式请求数据

  • 对于前面提到的不适合使用 GET方式的情况,可以考虑使用POST方法。POST方法将请求参数封装在HTTP请求数据中,以名称/值的形式出现,可以传输大量数据其中iput 中name 属性设置的值为名称。POST方法对传送的数据大小没有限制,而且参数也不会显示在URL中,私密性更好。将文件 GET表单代码复制粘贴一份,命名为POST.php,将表单method属性设置为POST。

  • 🦖 PSOT表单代码:

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <meta name="wechat-enable-text-zoom-em" content="true">
    <title>WeUI</title>
    <link rel="stylesheet" href="css/weui.css"/>
</head>
<body>
<form method="POST" action="ok.php">
	<div class="page" >
	  <div class="weui-form">
		<div class="weui-form__text-area">
		  <h2 class="weui-form__title">用户注册</h2>
		  
		<div class="weui-form__control-area">
		  <div class="weui-cells__group weui-cells__group_form">
		   
			<div class="weui-cells">
			  <label for="js_input1" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">姓名</span></div>
				<div class="weui-cell__bd">
					<input name="uname" id="js_input1" class="weui-input" placeholder="填写本人姓名"/>
				</div>
			  </label>
			  <label for="js_input2" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">邮箱</span></div>
				<div class="weui-cell__bd">
					<input name="emaile" id="js_input2" class="weui-input" placeholder="填写本人邮箱"/>
				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">手机</span></div>
				<div class="weui-cell__bd">
					<input name="tel" id="js_input3" class="weui-input" placeholder="填写绑定的电话号码" type="number" pattern="[0-9]*" />
				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
			  				<div class="weui-cell__hd"><span class="weui-label">密码</span></div>
			  				<div class="weui-cell__bd">
			  					<input name="password" id="js_input3" class="weui-input" placeholder="请输入六位数的密码" type="password"  />
			  				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
			  				<div class="weui-cell__hd"><span class="weui-label">确认密码</span></div>
			  				<div class="weui-cell__bd">
			  					<input name="password" id="js_input3" class="weui-input" placeholder="请再次输入六位数的密码" type="password" />
			  				</div>
			  </label>
			</div>
		  </div>
		</div>
		<div class="weui-form__tips-area">
		  <p class="weui-form__tips">  
		  </p>
		</div>
		<div class="weui-form__opr-area">
		<button type="submit"  class="weui-btn weui-btn_primary">注册</button>
		</div>
		<div class="weui-form__tips-area">
		  <p class="weui-form__tips">
		  </p>
		</div>
	  </div>
	  <div role="alert" id="js_toast" style="display: none;">
		  <div class="weui-mask_transparent"></div>
		  <div class="weui-toast">
			  <i class="weui-icon-success-no-circle weui-icon_toast"></i>
			  <p class="weui-toast__content">已完成</p>
		  </div>
	  </div>
	</div>
</form>
  • 创建一个ok.php:
<?php 
//接收POST发送的数据
$data=$_POST;
var_dump($data);
print_r($data);
?>

🦖运行结果的显示:
在这里插入图片描述与CET方法相同,在注册页面填写注册信息,提交表单,根据表单设置的PHP请求文件,将表单参数提交到POST.pp 中处理。此时,浏览器地址栏中的POST.php 后面不附带任何参数信息。POST.pp文件打印整个表单提交的参数和表单指定的参数

结束语🥇

以上就是PHP程序设计GET和POST的请求方法
持续更新PHP程序设计教程,欢迎大家订阅系列专栏🔥PHP程序开发你们的支持就是曼亿点创作的动力💖💖💖
请添加图片描述

  • 44
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 36
    评论
要在 Android 项目中使用 QMUI Android,可以按照以下步骤进行: 1. 将 QMUI Android 引入项目中,可以使用 Gradle,将以下代码添加到 `build.gradle` 文件中: ```groovy dependencies { implementation 'com.qmuiteam:qmui:2.1.0' } ``` 2. 在 Application 类中初始化 QMUI,可以在 `onCreate()` 方法中添加以下代码: ```java public class MyApplication extends Application { @Override public void onCreate() { super.onCreate(); QMUI.init(this); } } ``` 3. 在布局文件中使用 QMUI 的控件,例如: ```xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:qmui="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <com.qmuiteam.qmui.widget.QMUITopBarLayout android:id="@+id/topbar" qmui:layout_constraintTop_toTopOf="parent" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize"/> <com.qmuiteam.qmui.widget.QMUIRoundButton android:id="@+id/button" android:text="Button" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> ``` 在这个例子中,我们使用了 `QMUITopBarLayout` 和 `QMUIRoundButton`,它们都是 QMUI 的控件,可以通过 `xmlns:qmui="http://schemas.android.com/apk/res-auto"` 引入 QMUI 的命名空间。 在 Activity 类中,可以通过以下方式来获取控件的实例: ```java public class MyActivity extends AppCompatActivity { private QMUITopBarLayout mTopBarLayout; private QMUIRoundButton mButton; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_my); mTopBarLayout = findViewById(R.id.topbar); mButton = findViewById(R.id.button); // 设置 TopBar 的标题 mTopBarLayout.setTitle("My Activity"); } } ``` 以上就是使用 QMUI Android 的基本步骤,更多的 QMUI 控件和用法可以参考官方文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 36
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值