第6章 PHP與Web頁(yè)面交互

第1頁(yè),第6章PHP與Web頁(yè)面交互,本章概述本章的學(xué)習(xí)目標(biāo)主要內(nèi)容,第2頁(yè),本章概述,PHP是當(dāng)今最流行的網(wǎng)頁(yè)腳本語(yǔ)言之一，而PHP與Web頁(yè)面交互則是學(xué)習(xí)PHP編程語(yǔ)言的基礎(chǔ)，是實(shí)現(xiàn)PHP網(wǎng)站與用戶交互的重要手段。在PHP中提供了兩種與Web頁(yè)面交互的方法，一種是通過(guò)Web表單提交數(shù)據(jù)，另一種是通過(guò)URL進(jìn)行參數(shù)傳遞。本章在介紹表單知識(shí)的基礎(chǔ)上，通過(guò)大量實(shí)例，對(duì)PHP與Web頁(yè)面交互的兩種方法進(jìn)行了詳細(xì)講解。,第3頁(yè),本章的學(xué)習(xí)目標(biāo),理解PHP與Web頁(yè)面交互的基本知識(shí)掌握表單的基本結(jié)構(gòu)掌握POST方法掌握GET方法掌握使用URL傳遞參數(shù),第4頁(yè),主要內(nèi)容,6.1PHP操作MySQL數(shù)據(jù)庫(kù)的基本步驟6.2獲取表單傳遞數(shù)據(jù)的方法6.3URL數(shù)據(jù)傳遞6.4本章小結(jié),第5頁(yè),6.1HTML表單,HTML表單(Form)是網(wǎng)站的一個(gè)重要組成部分，主要用于采集和提交用戶輸入的信息。表單采集數(shù)據(jù)后將數(shù)據(jù)發(fā)送至服務(wù)器，如用戶填寫完信息后執(zhí)行提交（submit）操作，將表單中的數(shù)據(jù)從客戶端的瀏覽器傳送到服務(wù)器端。數(shù)據(jù)在服務(wù)器端經(jīng)過(guò)PHP程序進(jìn)行處理后，再將用戶所需要的信息傳遞回客戶端的瀏覽器上，從而完成一次頁(yè)面交互。,第6頁(yè),6.1.1表單結(jié)構(gòu),表單是網(wǎng)頁(yè)上的一個(gè)特定區(qū)域，這個(gè)區(qū)域是由一對(duì)標(biāo)記定義的。創(chuàng)建HTML表單的基本格式如下：表單元素表單主體部分，可以包含文本框、命令按鈕、單選按鈕、復(fù)選框、下拉列表等表單元素。下面將會(huì)逐一介紹表單常用的元素。,第7頁(yè),6.1.2文本框,文本框允許用戶輸入一些信息，如姓名、學(xué)號(hào)、商品名稱等，其基本格式如下：說(shuō)明：name為文本框的名稱，value是文本框的默認(rèn)值，size指文本框的寬度，maxlength指文本框的最大輸入字符數(shù)。,第8頁(yè),6.1.3命令按鈕,命令按鈕一般用于提交或者重置操作，由按鈕的type屬性值決定，基本格式如下：;說(shuō)明：name為按鈕名稱。type屬性值決定按鈕的類型，其值共有三種：“submit”表示將表單中的數(shù)據(jù)提交向指定的服務(wù)器；“reset”表示清空表單數(shù)據(jù)；“button”為一般按鈕。value屬性表示按鈕上顯示的文字。,第9頁(yè),6.1.4單選按鈕,單選按鈕一般成組出現(xiàn)，具有相同的name值和不同的value值。在一組單選按鈕中，用戶只能選擇其中一個(gè)選項(xiàng)，基本格式如下：;要注意的是，表單提交的數(shù)據(jù)是value屬性的值，而不是看到的中文水果名。,第10頁(yè),6.1.5復(fù)選按鈕,復(fù)選框能夠進(jìn)行內(nèi)容的多項(xiàng)選擇，復(fù)選框一般多個(gè)同時(shí)存在，為了便于傳值，name的名字可以是一個(gè)數(shù)組形式?；靖袷饺缦拢赫f(shuō)明：value表示選中選項(xiàng)后傳送到服務(wù)器端的值，cheked屬性用來(lái)設(shè)置復(fù)選按鈕的默認(rèn)值。,第11頁(yè),6.1.6下拉列表,下拉列表是通過(guò)選擇域標(biāo)記和來(lái)創(chuàng)建的。列表可以顯示一定數(shù)量的選項(xiàng)，如果超過(guò)了這個(gè)數(shù)量，會(huì)自動(dòng)出現(xiàn)滾動(dòng)條，瀏覽者可以通過(guò)拖動(dòng)滾動(dòng)條來(lái)查看各選項(xiàng)。selected屬性用來(lái)設(shè)置默認(rèn)被選中，基本格式如下：,第12頁(yè),6.1.7多行輸入框,文本標(biāo)記用來(lái)制作多行的文本域，可以在其中輸入更多的文本，通常用于留言、備注、評(píng)論，基本格式如下：.文本內(nèi)容說(shuō)明：其中參數(shù)name表示文本域的名稱；row表示文本域的行數(shù)；cols表示文本域的列數(shù)；value表示文本域的默認(rèn)值；wrap用于設(shè)定顯示和送出時(shí)的換行的方式。,第13頁(yè),6.1.8隱藏域,隱藏域在頁(yè)面中對(duì)于用戶是不可見(jiàn)的，在表單中插入隱藏域的目的在于收集或發(fā)送信息，以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候，隱藏域的信息也被一起發(fā)送到瀏覽器，基本格式如下：說(shuō)明：value為要提交的數(shù)據(jù)。,第14頁(yè),6.1.8隱藏域,隱藏域在頁(yè)面中對(duì)于用戶是不可見(jiàn)的，在表單中插入隱藏域的目的在于收集或發(fā)送信息，以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候，隱藏域的信息也被一起發(fā)送到瀏覽器，基本格式如下：說(shuō)明：value為要提交的數(shù)據(jù)。,第15頁(yè),主要內(nèi)容,6.1PHP操作MySQL數(shù)據(jù)庫(kù)的基本步驟6.2獲取表單傳遞數(shù)據(jù)的方法6.3URL數(shù)據(jù)傳遞6.4本章小結(jié),第16頁(yè),6.2.1GET方法,GET方法是form表單中method默認(rèn)的方法。使用GET方法提交表單，表單中的數(shù)據(jù)將會(huì)作為url的一部分發(fā)送到服務(wù)器端。數(shù)據(jù)格式按照“變量名=值”的形式添加，url和數(shù)據(jù)間用“?”連接，而各個(gè)變量之間使用“&”連接。若要使用GET方法發(fā)送表單，URL的長(zhǎng)度應(yīng)限制在1MB字符以內(nèi)。如果發(fā)送的數(shù)據(jù)量太大，數(shù)據(jù)將被截?cái)?，從而?dǎo)致意外或失敗的處理結(jié)果。同時(shí)GET方法不具有保密性，不適合處理如信用卡卡號(hào)等要求保密的內(nèi)容，而且不能傳送非ASCII碼的字符。,第17頁(yè),6.2.2POST方法,POST方法不依賴于URL，是將用戶在表單中填寫的數(shù)據(jù)包含在表單的主體中，一起傳送到服務(wù)器上。POST方法不會(huì)將傳遞的參數(shù)值顯示在地址欄中，并且對(duì)發(fā)送信息的量也沒(méi)有限制。所有提交的信息都在后臺(tái)傳輸，用戶在瀏覽器端是看不到這一過(guò)程的，安全性高。所以，POST方法比較適合用于發(fā)送一些保密的或者較大量的數(shù)據(jù)到服務(wù)器。在服務(wù)器端，使用$_POST變量進(jìn)行數(shù)據(jù)接收。$_POST變量也是一個(gè)全局?jǐn)?shù)組，存儲(chǔ)了瀏覽器中表單上的各個(gè)表單元素的值，其元素的下標(biāo)名必須和表單中的元素名稱相同，大小寫保持一致。,第18頁(yè),主要內(nèi)容,6.1PHP操作MySQL數(shù)據(jù)庫(kù)的基本步驟6.2獲取表單傳遞數(shù)據(jù)的方法6.3URL數(shù)據(jù)傳遞6.4本章小結(jié),第19頁(yè),6.3URL數(shù)據(jù)傳遞,除了表單之外，還可以使用URL進(jìn)行數(shù)據(jù)傳遞，就是在URL地址后面加上適當(dāng)?shù)膮?shù)，URL實(shí)體對(duì)這些參數(shù)進(jìn)行處理。例如在各個(gè)網(wǎng)站之上，我們經(jīng)常會(huì)通過(guò)超鏈接進(jìn)行頁(yè)面跳轉(zhuǎn)，在跳轉(zhuǎn)的過(guò)程中，也完成了數(shù)據(jù)傳遞。URL數(shù)據(jù)傳遞的方式相較于表單，使用范圍更廣、更常見(jiàn)，也更加簡(jiǎn)單易用。這兩種數(shù)據(jù)交互方式用途也不同，表單通常用于用戶數(shù)據(jù)填寫和收集，URL通常用于關(guān)鍵參數(shù)的傳遞。表單中的數(shù)據(jù)用戶可以填寫修改，而URL通常由系統(tǒng)生成，用戶只可以使用而不能修改。,第20頁(yè),6.3URL數(shù)據(jù)傳遞,URL數(shù)據(jù)傳遞的基本格式如下：http:/url?name1=value1&name2=value2說(shuō)明：在訪問(wèn)的網(wǎng)址之后，以“？”開(kāi)始，其后的內(nèi)容是要傳遞的數(shù)據(jù)。位于“=”左邊的是參數(shù)名，位于等號(hào)右邊的是參數(shù)值。如果需要傳遞多個(gè)參數(shù)，以“&”分隔，參數(shù)的個(gè)數(shù)和內(nèi)容由具體應(yīng)用決定。,第21頁(yè),6.4本章小結(jié),表單是實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)的一種主要的外在形式，是html頁(yè)面與瀏覽器實(shí)現(xiàn)交互的重要手段。本