第6章 PHP與Web頁面交互

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