項(xiàng)目七動(dòng)態(tài)網(wǎng)頁(yè)制作常用系統(tǒng)函數(shù)對(duì)象會(huì)話技術(shù)項(xiàng)目引言在實(shí)際工作中，經(jīng)常需要設(shè)計(jì)實(shí)現(xiàn)一些用戶友好的動(dòng)態(tài)網(wǎng)頁(yè)。本項(xiàng)目的核心目標(biāo)之一是確保用戶能夠方便地與動(dòng)態(tài)網(wǎng)頁(yè)進(jìn)行交互，同時(shí)實(shí)現(xiàn)有效的頁(yè)面導(dǎo)航、友情鏈接和用戶信息狀態(tài)管理。本項(xiàng)目將學(xué)習(xí)PHP常用系統(tǒng)函數(shù)對(duì)象會(huì)話技術(shù)，包括用header()函數(shù)來(lái)實(shí)現(xiàn)頁(yè)面導(dǎo)航友情鏈接；用Request請(qǐng)求對(duì)象來(lái)獲取用戶提交的數(shù)據(jù)，實(shí)現(xiàn)數(shù)據(jù)傳遞和處理；用Session會(huì)話技術(shù)來(lái)實(shí)現(xiàn)在服務(wù)器端保持用戶的會(huì)話和狀態(tài)等信息；用Cookie會(huì)話技術(shù)實(shí)現(xiàn)會(huì)話管理，以在客戶端與服務(wù)器之間傳遞信息實(shí)現(xiàn)一系列關(guān)鍵功能。用PHP在網(wǎng)站開發(fā)過(guò)程中，常用系統(tǒng)函數(shù)對(duì)象會(huì)話技術(shù)實(shí)現(xiàn)網(wǎng)頁(yè)間跳轉(zhuǎn)控制、頁(yè)面間信息數(shù)據(jù)傳遞讀取、頁(yè)面特定信息本地保存等功能，這些常用系統(tǒng)函數(shù)對(duì)象會(huì)話技術(shù)是服務(wù)器客戶端間、人機(jī)網(wǎng)頁(yè)間交互的基礎(chǔ)技能。能力目標(biāo)能使用header()函數(shù)設(shè)計(jì)友情鏈接動(dòng)態(tài)網(wǎng)頁(yè)能使用Request請(qǐng)求對(duì)象設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)能使用Session會(huì)話技術(shù)設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)能使用Cookies會(huì)話技術(shù)設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)任務(wù)一使用header方法設(shè)計(jì)友情鏈接動(dòng)態(tài)網(wǎng)頁(yè)復(fù)習(xí)知識(shí)與技能任務(wù)描述工程師小明正在設(shè)計(jì)集團(tuán)公司的網(wǎng)站，公司希望提供更好的用戶體驗(yàn)和便捷的導(dǎo)航功能。任務(wù)的目標(biāo)是創(chuàng)建名為“070101.php”的動(dòng)態(tài)網(wǎng)頁(yè)，該網(wǎng)頁(yè)包含集團(tuán)導(dǎo)航和友情鏈接功能，并且這些功能操作便捷，只需用戶單擊按鈕即可。在這個(gè)具有動(dòng)態(tài)特性的網(wǎng)頁(yè)中，用戶可以方便地瀏覽集團(tuán)公司的集團(tuán)導(dǎo)航和一系列友情鏈接。網(wǎng)頁(yè)的設(shè)計(jì)著重于用戶友好性，讓用戶通過(guò)簡(jiǎn)單的操作就能夠輕松切換到所需的頁(yè)面。為了實(shí)現(xiàn)這一目標(biāo)，工程師小明將使用header方法來(lái)實(shí)現(xiàn)指定URL的跳轉(zhuǎn)，從而創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)。網(wǎng)頁(yè)的主要布局包括一張引人注目的頂部圖片，表單部分則包含下拉菜單和按鈕。下拉菜單里列出了幾個(gè)精選的網(wǎng)站鏈接，用戶可以從中選擇感興趣的鏈接。而“訪問(wèn)網(wǎng)站”按鈕則使用戶可以通過(guò)點(diǎn)擊來(lái)訪問(wèn)所選的網(wǎng)站。為了提供更好的用戶體驗(yàn)，工程師小明還將運(yùn)用PHP技術(shù)，實(shí)現(xiàn)集團(tuán)導(dǎo)航和友情鏈接內(nèi)容的顯示。總體來(lái)說(shuō)，這個(gè)任務(wù)旨在創(chuàng)造交互式和便捷的動(dòng)態(tài)網(wǎng)頁(yè)，提供集團(tuán)導(dǎo)航和友情鏈接功能，讓用戶通過(guò)簡(jiǎn)單的按鈕點(diǎn)擊即可切換顯示狀態(tài)。工程師小明正在全力以赴，希望他的設(shè)計(jì)能夠?yàn)榧瘓F(tuán)公司的網(wǎng)站帶來(lái)更出色的用戶體驗(yàn)。“070101.php”動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)界面如圖7-1-1所示。任務(wù)分析工程師小明正在設(shè)計(jì)名為“070101.php”的動(dòng)態(tài)網(wǎng)頁(yè)，目標(biāo)是實(shí)現(xiàn)集團(tuán)導(dǎo)航和友情鏈接的功能。這些功能應(yīng)該能夠從隱藏狀態(tài)切換到顯示狀態(tài)，只需單擊按鈕即可。（1）功能概述：網(wǎng)頁(yè)包含集團(tuán)導(dǎo)航和友情鏈接功能。（2）技術(shù)實(shí)現(xiàn)：使用header方法來(lái)實(shí)現(xiàn)指定URL的跳轉(zhuǎn)，以創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)。（3）網(wǎng)頁(yè)內(nèi)容：①頂部圖片：一張寬度為750像素，高度為232像素的圖片。②表單：下拉菜單（select元素）：包含多個(gè)選項(xiàng)（option元素），每個(gè)選項(xiàng)對(duì)應(yīng)不同的網(wǎng)站鏈接。默認(rèn)選項(xiàng)為“請(qǐng)選擇:”，用戶可以從下拉菜單中選擇其他網(wǎng)站鏈接。“訪問(wèn)網(wǎng)站”按鈕（input元素，類型為“submit”）：當(dāng)用戶選擇了網(wǎng)站鏈接后，通過(guò)點(diǎn)擊該按鈕可以訪問(wèn)所選的網(wǎng)站。③PHP代碼：通過(guò)檢查是否接收到名為“url”的GET參數(shù)，判斷用戶是否選擇了某個(gè)網(wǎng)站鏈接。如果接收到了“url”參數(shù)，則使用header()函數(shù)將用戶重定向到所選的網(wǎng)站鏈接。這段代碼創(chuàng)建了簡(jiǎn)單的動(dòng)態(tài)網(wǎng)頁(yè)，允許用戶通過(guò)下拉菜單選擇鏈接并跳轉(zhuǎn)到所選的網(wǎng)站。通過(guò)使用header方法和JavaScript控制內(nèi)容的顯示和隱藏，實(shí)現(xiàn)了集團(tuán)導(dǎo)航和友情鏈接功能。工程師小明正在努力為公司網(wǎng)站提供更好的用戶體驗(yàn)。工程師小明正在按照這個(gè)思路來(lái)開發(fā)名為“070101.php”的網(wǎng)頁(yè)，希望能夠?yàn)楣揪W(wǎng)站提供更好的用戶體驗(yàn)。1．準(zhǔn)備工作按照網(wǎng)站規(guī)劃參數(shù)進(jìn)行配置。Web站點(diǎn)路徑：C:\phpweb。Web測(cè)試IP地址：。Web測(cè)試端口號(hào)：8899。參照項(xiàng)目一中任務(wù)一、任務(wù)二、任務(wù)三，配置并啟動(dòng)WAMP環(huán)境，配置好Dreamweaver網(wǎng)站環(huán)境，如果已經(jīng)配置并啟動(dòng)WAMP環(huán)境、Dreamweaver網(wǎng)站環(huán)境，本步驟可以略過(guò)。2．創(chuàng)建設(shè)計(jì)“070101.php”動(dòng)態(tài)網(wǎng)頁(yè)（1）鼠標(biāo)單擊“開始”→“動(dòng)態(tài)網(wǎng)頁(yè)”啟動(dòng)Dreamweaver軟件，單擊“文件”菜單，單擊“新建”創(chuàng)建PHP動(dòng)態(tài)網(wǎng)頁(yè)“070101.php”。（2）輸入網(wǎng)頁(yè)標(biāo)題“公司友情鏈接動(dòng)態(tài)網(wǎng)頁(yè)”。（3）從Web目錄的文件夾image中選擇插入圖片700.jpg，修改圖片默認(rèn)寬度為750，鍵盤輸入組合鍵“Shift+Enter”換行，再?gòu)奈募Aimage選擇插入圖片602.gif。（4）在兩張圖片之間，鍵盤輸入組合鍵“Shift+Enter”換行，鍵盤輸入文字“友情鏈接：（請(qǐng)鼠標(biāo)單擊要訪問(wèn)的網(wǎng)站）”，選擇輸入的文字設(shè)置為標(biāo)題2格式<h2></h2>。（5）在文字“友情鏈接：（請(qǐng)鼠標(biāo)單擊要訪問(wèn)的網(wǎng)站）”下方插入form表單，在表單中插入選擇菜單控件，select控件參數(shù)屬性值具體見源代碼第10～18行。（6）在源代碼</html>之后，輸入PHP源代碼，具體源代碼參見第25～31行。（7）選擇select菜單控件“列表值”對(duì)話框，如圖7-1-2所示。3．“070101.php”動(dòng)態(tài)網(wǎng)頁(yè)源代碼1<!doctypehtml>2<html>3<head>4<metacharset="utf-8">5<title>公司友情鏈接動(dòng)態(tài)網(wǎng)頁(yè)</title>6</head>7<body><imgsrc="/image/700.jpg"width="750"height="232">8<h2>友情鏈接：（請(qǐng)鼠標(biāo)單擊要訪問(wèn)的網(wǎng)站）</h2>9<formmethod="get"action="<?phpecho$_SERVER['PHP_SELF'];?>">10<selectname="url">11<optionvalue="070101.php"selected>請(qǐng)選擇：</option>12<optionvalue="/">新浪</option>13<optionvalue="/">人民網(wǎng)</option>14<optionvalue="/">央視網(wǎng)</option>15<optionvalue="/">搜狐新聞</option>16<optionvalue="/">百度搜索</option>17<optionvalue="/">鳳凰網(wǎng)</option>18</select>19<inputtype="submit"value="訪問(wèn)網(wǎng)站">20</form>21<br><br>22<imgsrc="/image/602.gif"width="750"height="80">23</body>24</html>25<?php26if(isset($_GET['url'])){27$url=$_GET['url'];28header("Location$url");//使用header()函數(shù)實(shí)現(xiàn)重定向29exit;30}31?>4．代碼簡(jiǎn)要說(shuō)明與解釋（1）第1～8行代碼是HTML文檔的頭部，設(shè)置了文檔的基本結(jié)構(gòu)和標(biāo)題。在第4行，通過(guò)<meta>標(biāo)簽設(shè)置了文檔的字符集為utf-8，確保能夠正確顯示中文等特殊字符。在第7行，使用<img>標(biāo)簽插入了一張圖片，src屬性指定圖片的路徑，width和height屬性指定圖片的寬度和高度。第8行為h2格式標(biāo)題。（2）第9行創(chuàng)建一個(gè)表單，使用GET方法提交數(shù)據(jù)到當(dāng)前頁(yè)面（$_SERVER['PHP_SELF']表示當(dāng)前頁(yè)面的URL）。（3）第8～20行代碼定義了一個(gè)表單，用戶可以通過(guò)選擇一個(gè)下拉菜單中的選項(xiàng)來(lái)訪問(wèn)不同的鏈接。在第9行，<form>標(biāo)簽定義了表單，method屬性設(shè)置為"get"表示使用GET方法提交表單數(shù)據(jù)，action屬性設(shè)置為<?phpecho$_SERVER['PHP_SELF'];?>，這會(huì)將表單數(shù)據(jù)提交到當(dāng)前頁(yè)面。在第10行，<select>標(biāo)簽定義了下拉菜單，name屬性設(shè)置為“url”，表示選中的選項(xiàng)的值將會(huì)被命名為“url”。接著的第11～18行是各個(gè)選項(xiàng)，每個(gè)選項(xiàng)使用<option>標(biāo)簽定義，value屬性指定了選項(xiàng)的值，即鏈接的URL，用戶可以選擇不同的網(wǎng)站。在第19行，<input>標(biāo)簽定義了一個(gè)提交按鈕，用戶點(diǎn)擊后會(huì)將選擇的鏈接URL提交給服務(wù)器。（4）第22行插入圖片。（5）第25行開始PHP代碼塊。（6）第26行檢查是否設(shè)置了名為“url”的GET參數(shù)。（7）第27行如果“url”參數(shù)存在，將其值賦給變量$url。（8）第28行使用header()函數(shù)實(shí)現(xiàn)重定向，將頁(yè)面重定向到指定的$url。（9）第29行執(zhí)行重定向后，使用exit()函數(shù)終止腳本的執(zhí)行，確保重定向生效。（10）第30行結(jié)束PHP代碼塊。第25～30行代碼作用是當(dāng)用戶提交表單時(shí)，檢查是否選擇了一個(gè)網(wǎng)站的網(wǎng)址，然后通過(guò)url參數(shù)變量判斷url參數(shù)，如果選擇了則通過(guò)PHP的header()函數(shù)將頁(yè)面重定向到所選的網(wǎng)站。這樣可以實(shí)現(xiàn)用戶選擇網(wǎng)站后的跳轉(zhuǎn)URL網(wǎng)頁(yè)的跳轉(zhuǎn)功能。1．PHP頁(yè)面跳轉(zhuǎn)header()函數(shù)當(dāng)使用PHP設(shè)計(jì)網(wǎng)頁(yè)時(shí)，HTTP重定向是一種常見的URL跳轉(zhuǎn)機(jī)制。PHP通過(guò)服務(wù)器向客戶端瀏覽器發(fā)送特定的HTTP響應(yīng)頭信息，以實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)到URL。這種跳轉(zhuǎn)方式通常用于處理用戶登錄、表單提交后的頁(yè)面跳轉(zhuǎn)、錯(cuò)誤處理等場(chǎng)景。header()函數(shù)是PHP中用于實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的方法，主要作用是向?yàn)g覽器輸出HTTP協(xié)議的標(biāo)頭信息。下面是關(guān)于header()函數(shù)的格式定義。voidheader(stringstring[,boolreplace[,inthttp_response_code]])其中，可選參數(shù)replace用于指定是替換之前的類似標(biāo)頭還是添加一條相同類型的標(biāo)頭，默認(rèn)情況下是替換。第二個(gè)可選參數(shù)http_response_code可用于強(qiáng)制設(shè)定HTTP響應(yīng)代碼的值。在header()函數(shù)中，使用Location類型的標(biāo)頭可以實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的功能。需要注意的是，Location和冒號(hào)之間不能有空格，否則跳轉(zhuǎn)將無(wú)效。在調(diào)用header()函數(shù)之前，不能有任何輸出。而調(diào)用header()函數(shù)之后，PHP代碼將繼續(xù)執(zhí)行。例如“ex7101.php”代碼為將瀏覽器重定向到/的代碼。1<!doctypehtml>2<html>3<head>4<metacharset="utf-8">5<title>自動(dòng)跳轉(zhuǎn)其他網(wǎng)頁(yè)方式01</title>6</head>7<body><imgsrc="/image/700.jpg"width="750"height="232">8<?php9//重定向?yàn)g覽器10header("Location:/");11//確保重定向后，后續(xù)代碼不會(huì)被執(zhí)行，這里的exit語(yǔ)句不會(huì)被執(zhí)行，重定向發(fā)生后，PHP腳本執(zhí)行結(jié)束，不會(huì)繼續(xù)執(zhí)行以下代碼12exit;13?>14<imgsrc="/image/602.gif"width="750"height="80">15</body>16</html>在執(zhí)行HTTP重定向的header()函數(shù)之后，exit語(yǔ)句或者任何代碼都不會(huì)執(zhí)行。HTTP重定向會(huì)立即終止當(dāng)前PHP腳本的執(zhí)行，并將控制權(quán)交給瀏覽器，讓瀏覽器進(jìn)行頁(yè)面跳轉(zhuǎn)。當(dāng)執(zhí)行header()函數(shù)發(fā)送重定向頭信息時(shí)，瀏覽器會(huì)接收到重定向指令，并立即開始加載新的頁(yè)面。在這之后，PHP腳本的執(zhí)行就結(jié)束了，exit語(yǔ)句之后的任何代碼都不會(huì)被執(zhí)行。因此，執(zhí)行HTTP重定向后，exit語(yǔ)句本身不會(huì)執(zhí)行。exit語(yǔ)句的目的是確保重定向立即生效，防止后續(xù)代碼執(zhí)行，而不是讓exit語(yǔ)句本身執(zhí)行。2．利用Meta標(biāo)簽實(shí)現(xiàn)PHP頁(yè)面跳轉(zhuǎn)Meta標(biāo)簽是一種用于在HTML文檔頭部提供元數(shù)據(jù)（metadata）的標(biāo)簽，其中包含有關(guān)網(wǎng)頁(yè)的信息。通過(guò)設(shè)置特定的Meta標(biāo)簽屬性，可以實(shí)現(xiàn)頁(yè)面的自動(dòng)跳轉(zhuǎn)或重定向。Meta標(biāo)簽的標(biāo)準(zhǔn)格式如下。<metahttp-equiv="參數(shù)"content="參數(shù)值">http-equiv這個(gè)參數(shù)用于指定將要定義的HTTP頭部信息的名稱，用于告訴瀏覽器如何處理文檔。content這個(gè)參數(shù)用于指定HTTP頭部信息的具體內(nèi)容，它的格式和含義取決于所使用的http-equiv參數(shù)。參數(shù)與參數(shù)值：http-equiv="refresh"用于實(shí)現(xiàn)頁(yè)面的自動(dòng)刷新或跳轉(zhuǎn)。content="秒數(shù);url=目標(biāo)URL"用于指定頁(yè)面跳轉(zhuǎn)的行為。其中，“秒數(shù)”表示在多少秒后進(jìn)行跳轉(zhuǎn)，“url=目標(biāo)URL”表示跳轉(zhuǎn)后的目標(biāo)頁(yè)面鏈接。例如“ex7102.php”代碼。通過(guò)設(shè)置Meta標(biāo)簽中的http-equiv屬性為"refresh"，并指定content的值，可以在一定時(shí)間后將頁(yè)面自動(dòng)跳轉(zhuǎn)到指定的網(wǎng)址，我們可以使用以下代碼實(shí)現(xiàn)在1秒后自動(dòng)跳轉(zhuǎn)到360官網(wǎng)（/）。1<!doctypehtml>2<html>3<head>4<metacharset="utf-8">5<metahttp-equiv="refresh"content="1;url=/">6<title>自動(dòng)跳轉(zhuǎn)其他網(wǎng)頁(yè)方式02</title>7</head>8<body>9<imgsrc="/image/700.jpg"width="750"height="232">10頁(yè)面只停留1秒11<imgsrc="/image/602.gif"width="750"height="80">12</body>13</html>以上代碼中，通過(guò)設(shè)置Meta標(biāo)簽的http-equiv屬性為"refresh"，并將content屬性設(shè)置為"1;url=/"，實(shí)現(xiàn)了在打開該頁(yè)面后等待1秒自動(dòng)跳轉(zhuǎn)到360官網(wǎng)。頁(yè)面中的其他內(nèi)容可以根據(jù)需求進(jìn)行修改和替換。3．PHP結(jié)合JavaScript技術(shù)實(shí)現(xiàn)靈活跳轉(zhuǎn)PHP代碼中，結(jié)合了JavaScript技術(shù)來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。具體來(lái)說(shuō)，當(dāng)用戶選擇網(wǎng)址并點(diǎn)擊提交按鈕時(shí)，PHP代碼將獲取選擇的網(wǎng)址，并使用PHP的header()函數(shù)將頁(yè)面重定向到包含JavaScript代碼的URL。在JavaScript代碼中，使用window.open()方法在新窗口中打開所選的網(wǎng)址。下段代碼使用了PHP和JavaScript結(jié)合來(lái)實(shí)現(xiàn)在新瀏覽器窗口頁(yè)面跳轉(zhuǎn)的方法。通過(guò)在動(dòng)態(tài)網(wǎng)頁(yè)中嵌入代碼，可以在任何合適的位置進(jìn)行跳轉(zhuǎn)操作。3．PHP連接MySQL數(shù)據(jù)庫(kù)MySQLi（面向?qū)ο螅┓绞絇HP連接MySQL數(shù)據(jù)庫(kù)MySQLi（面向?qū)ο螅┓绞绞且环N用于建立與MySQL數(shù)據(jù)庫(kù)通信的方法，提供了更強(qiáng)大和更安全的功能，取代了最簡(jiǎn)單連接mysql（面向過(guò)程）的傳統(tǒng)方式。例如“ex7103.php”代碼。該動(dòng)態(tài)網(wǎng)頁(yè)包含一個(gè)下拉選擇框，允許用戶在下拉框中選擇不同的網(wǎng)站鏈接，然后通過(guò)單擊按鈕，訪問(wèn)所選鏈接網(wǎng)站地址，如用戶選擇某個(gè)網(wǎng)站鏈接并提交了表單，頁(yè)面將重定向到選定的鏈接頁(yè)面。1<!doctypehtml>2<html>3<head>4<metacharset="utf-8">5<title>公司友情鏈接動(dòng)態(tài)網(wǎng)頁(yè)</title>6</head>7<body><imgsrc="/image/700.jpg"width="750"height="232">8<h2>友情鏈接：（請(qǐng)鼠標(biāo)單擊要訪問(wèn)的網(wǎng)站）</h2>9<formmethod="get"action="<?phpecho$_SERVER['PHP_SELF'];?>">10<selectname="url">11<optionvalue="070101.php"selected>請(qǐng)選擇：</option>12<optionvalue="/">新浪</option>13<optionvalue="http://">人民網(wǎng)</option>14<optionvalue="/">央視網(wǎng)</option>15<optionvalue="/">搜狐新聞</option>16<optionvalue="/">百度搜索</option>17<optionvalue="/">鳳凰網(wǎng)</option>18</select>19<inputtype="submit"value="訪問(wèn)網(wǎng)站">20</form>21<br><br>22<imgsrc="/image/602.gif"width="750"height="80">23</body>24</html>25<?php26if(isset($_GET['url'])){27$url=$_GET['url'];28header("Location:$url");29exit;30}31?>例如“ex7104.php”代碼。該動(dòng)態(tài)友情鏈接網(wǎng)頁(yè)允許用戶從友情鏈接列表中選擇一個(gè)網(wǎng)站，并在選擇后自動(dòng)打開所選鏈接，從而提供了便捷的訪問(wèn)體驗(yàn)。代碼中還包含一些用于服務(wù)器端的PHP代碼（如獲取$_SERVER['PHP_SELF']），也包含JavaScript代碼在下拉菜單選項(xiàng)更改時(shí)執(zhí)行的。關(guān)鍵語(yǔ)句onchange="if(this.value!=='070101.php'){window.open(this.value,'_blank');}"中onchange是一個(gè)事件處理屬性，表示當(dāng)下拉菜單的值發(fā)生變化時(shí)執(zhí)行其中的代碼。this.value是JavaScript中的引用，指向當(dāng)前下拉菜單的選中值。!=='070101.php'是條件判斷，檢查選中值是否與字符串'070101.php'不相等。{window.open(this.value,'_blank');}這個(gè)代碼判斷如果條件判斷為真，則執(zhí)行其中的代碼。在這里，使用window.open()函數(shù)在新標(biāo)簽頁(yè)中打開表單控件所選擇的具體鏈接。

1<!doctypehtml>2<html>3<head>4<metacharset="utf-8">5<title>公司友情鏈接動(dòng)態(tài)網(wǎng)頁(yè)</title>6</head>7<body><imgsrc="/image/700.jpg"width="750"height="232">8<h2>友情鏈接：（請(qǐng)鼠標(biāo)單擊要訪問(wèn)的網(wǎng)站）</h2>9<formmethod="get"action="<?phpecho$_SERVER['PHP_SELF'];?>">10<selectname="url"onchange="if(this.value!=='070101.php'){window.open(this.value,'_blank');}">11<optionvalue="070101.php"selected>請(qǐng)選擇：</option>12<optionvalue="/">新浪</option>13<optionvalue="/">人民網(wǎng)</option>14<optionvalue="/">央視網(wǎng)</option>15<optionvalue="/">搜狐新聞</option>16<optionvalue="/">百度搜索</option>17<optionvalue="/">鳳凰網(wǎng)</option>18</select>19</form>20<br><br>21<imgsrc="/image/602.gif"width="750"height="80">22</body>23</html>本次課小結(jié)與課后作業(yè)一、填空題1．當(dāng)使用PHP設(shè)計(jì)網(wǎng)頁(yè)時(shí)，HTTP________是一種常見的________機(jī)制。PHP通過(guò)服務(wù)器向________發(fā)送特定的HTTP響應(yīng)頭信息，以實(shí)現(xiàn)________到URL。這種跳轉(zhuǎn)方式通常用于處理用戶________、________提交后的頁(yè)面跳轉(zhuǎn)、錯(cuò)誤處理等場(chǎng)景。header()函數(shù)是PHP中用于實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的方法，主要作用是向?yàn)g覽器輸出HTTP協(xié)議的________。二、敘述題1．寫出voidheader(stringstring[,boolreplace[,inthttp_response_code]])中每個(gè)參數(shù)的含義。2．寫出Meta標(biāo)簽的標(biāo)準(zhǔn)格式，并簡(jiǎn)述Meta標(biāo)簽參數(shù)作用及含義。3．公司安排新的任務(wù)，參照本任務(wù)設(shè)計(jì)友情鏈接動(dòng)態(tài)網(wǎng)頁(yè)，具體友情鏈接涉及內(nèi)容如下：/人民網(wǎng)/新華網(wǎng)/央視網(wǎng)任務(wù)二使用Session對(duì)象設(shè)計(jì)集團(tuán)公司登錄動(dòng)態(tài)網(wǎng)頁(yè)復(fù)習(xí)知識(shí)與技能任務(wù)描述隨著集團(tuán)公司業(yè)務(wù)的擴(kuò)展，網(wǎng)站系統(tǒng)中的信息傳遞和展示功能需要進(jìn)行相應(yīng)調(diào)整。為了適應(yīng)用戶權(quán)限的差異化，特別是針對(duì)某些信息，我們需要根據(jù)用戶權(quán)限設(shè)置不同的瀏覽和處理權(quán)限。為此，網(wǎng)絡(luò)信息部門指派工程師小明負(fù)責(zé)設(shè)計(jì)集團(tuán)公司登錄網(wǎng)頁(yè)“070201.php”的動(dòng)態(tài)頁(yè)面，以便為開發(fā)分權(quán)限的后臺(tái)管理系統(tǒng)做好準(zhǔn)備。動(dòng)態(tài)頁(yè)面中包括用戶名和密碼文本框，并設(shè)置登錄集團(tuán)故事內(nèi)容管理系統(tǒng)的按鈕。通過(guò)這一設(shè)計(jì)，將為后續(xù)開發(fā)分權(quán)限的后臺(tái)管理系統(tǒng)打下基礎(chǔ)，以滿足用戶權(quán)限差異化的瀏覽和處理要求。這樣的調(diào)整與集團(tuán)公司業(yè)務(wù)發(fā)展密切相關(guān)，確保了網(wǎng)站系統(tǒng)在信息內(nèi)容傳遞和展示方面的適應(yīng)性和靈活性。我們期待工程師小明的設(shè)計(jì)能夠順利實(shí)施，并為公司提供更好的管理體驗(yàn)。集團(tuán)公司登錄動(dòng)態(tài)網(wǎng)頁(yè)如圖7-2-1所示。任務(wù)分析這個(gè)任務(wù)中的PHP動(dòng)態(tài)網(wǎng)頁(yè)用于實(shí)現(xiàn)集團(tuán)公司網(wǎng)絡(luò)的登錄功能。用戶需要輸入用戶名和密碼，然后點(diǎn)擊“登錄集團(tuán)公司內(nèi)部管理系統(tǒng)”按鈕進(jìn)行登錄操作。網(wǎng)頁(yè)代碼設(shè)計(jì)中通過(guò)PHP處理用戶輸入的用戶名和密碼，驗(yàn)證其正確性，并根據(jù)驗(yàn)證結(jié)果輸出相應(yīng)的登錄信息。（1）任務(wù)目標(biāo)是設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)，實(shí)現(xiàn)集團(tuán)公司網(wǎng)站的登錄功能，以便后續(xù)開發(fā)分權(quán)限的后臺(tái)管理系統(tǒng)做準(zhǔn)備。（2）網(wǎng)頁(yè)主要功能：①網(wǎng)頁(yè)展示：使用HTML和CSS實(shí)現(xiàn)網(wǎng)頁(yè)的布局和樣式。②用戶輸入：提供用戶名和密碼的輸入文本框。③用戶驗(yàn)證：通過(guò)PHP處理用戶輸入的用戶名和密碼，進(jìn)行驗(yàn)證。④登錄結(jié)果顯示：根據(jù)驗(yàn)證結(jié)果，在頁(yè)面上顯示相應(yīng)的登錄信息。任務(wù)分析（3）網(wǎng)頁(yè)頁(yè)面結(jié)構(gòu)：①頁(yè)面標(biāo)題：使用<title>標(biāo)簽設(shè)置頁(yè)面標(biāo)題為“設(shè)計(jì)集團(tuán)公司登錄動(dòng)態(tài)網(wǎng)頁(yè)”。②頁(yè)面布局：使用<table>標(biāo)簽進(jìn)行頁(yè)面布局，設(shè)置居中對(duì)齊。③輸入表單：使用<form>和<input>標(biāo)簽創(chuàng)建輸入表單，包括用戶名和密碼的輸入文本框。④登錄按鈕：使用<input>標(biāo)簽創(chuàng)建登錄按鈕。⑤登錄結(jié)果顯示：使用PHP代碼輸出登錄結(jié)果。（4）用戶驗(yàn)證邏輯：①獲取用戶輸入的用戶名和密碼。②啟動(dòng)會(huì)話（session）以保存用戶信息。③驗(yàn)證用戶名和密碼是否正確。④根據(jù)驗(yàn)證結(jié)果輸出相應(yīng)的登錄信息。通過(guò)對(duì)代碼的分析，可以看到該任務(wù)主要涉及網(wǎng)頁(yè)設(shè)計(jì)，HTML、CSS和PHP編程等技術(shù)。在完成任務(wù)時(shí)，需要確保網(wǎng)頁(yè)布局合理、輸入驗(yàn)證準(zhǔn)確，并能正確處理登錄結(jié)果的顯示。1．準(zhǔn)備工作按照網(wǎng)站規(guī)劃參數(shù)進(jìn)行配置。Web站點(diǎn)路徑：C:\phpweb。Web測(cè)試IP地址：。Web測(cè)試端口號(hào)：8899。參照項(xiàng)目一中任務(wù)一、任務(wù)二、任務(wù)三，配置并啟動(dòng)WAMP環(huán)境，配置好Dreamweaver網(wǎng)站環(huán)境，如果已經(jīng)配置并啟動(dòng)WAMP環(huán)境、Dreamweaver網(wǎng)站環(huán)境，本步驟可以略過(guò)。2．創(chuàng)建設(shè)計(jì)“070201.php”動(dòng)態(tài)網(wǎng)頁(yè)（1）鼠標(biāo)單擊“開始”→“動(dòng)態(tài)網(wǎng)頁(yè)”啟動(dòng)Dreamweaver軟件，單擊“文件”菜單，單擊“新建”創(chuàng)建PHP動(dòng)態(tài)網(wǎng)頁(yè)“070201.php”。（2）輸入網(wǎng)頁(yè)標(biāo)題“設(shè)計(jì)集團(tuán)公司登錄動(dòng)態(tài)網(wǎng)頁(yè)”。（3）插入3行1列的表格。表格參數(shù)屬性為align="center"width="500"height="232"border="0"background="/image/700.jpg"，屬性含義為居中、寬500像素、高232像素、邊框粗細(xì)為0、背景圖片為700.jpg。（4）在上面表格的第2行單元格中插入form表單。action屬性提交的目標(biāo)地址為“070201.php"，method屬性設(shè)置為"post"，表示使用POST方法提交表單數(shù)據(jù)。（5）在上面表單中插入表格。這個(gè)表格為3行2列，表格屬性width="260"border="0"align="center"，含義是寬260像素、邊框粗細(xì)為0、居中。本表格的第1、2行設(shè)置屬性bgcolor="#CCCCCC"，含義是背景顏色為灰色。本表格的第3行2個(gè)單元格合并，合并后的單元格，設(shè)置單元格屬性align="center"，含義為居中，單元格中插入按鈕控件，按鈕控件屬性<inputtype="submit"name="sub"value="登錄集團(tuán)公司內(nèi)部管理系統(tǒng)"/>。本表格的第1列2個(gè)單元格，分別輸入文字“用戶名:”“密碼:”，“用戶名:”右側(cè)單元格插入文本框控件，“密碼:”右側(cè)單元格插入文本框控件。（6）在源代碼</html>之后，輸入PHP源代碼，具體源代碼參見第38～62行。3．動(dòng)態(tài)網(wǎng)頁(yè)“070201.php”源代碼1<!doctypehtml>2<html>3<head>4<metacharset="utf-8">5<title>設(shè)計(jì)集團(tuán)公司登錄動(dòng)態(tài)網(wǎng)頁(yè)</title>6</head>7<body>8<tablealign="center"width="500"height="232"border="0"background="/image/700.jpg">9<tr>10<tdheight="170"></td>11</tr>12<tr>13<tdheight="40"><div>14<formaction="070201.php"method="post">15<tablewidth="260"border="0"align="center">16<trbgcolor="#CCCCCC">17<td>用戶名:</td>18<td><inputclass="one"type="text"name="name"size="20"/></td>19</tr>20<trbgcolor="#CCCCCC">21<td>密碼:</td>22<td><inputtype="password"name="pwd"size="20"/></td>23</tr>24<tr>25<tdcolspan="2"align="center"><inputtype="submit"name="sub"value="登錄集團(tuán)公司內(nèi)部管理系統(tǒng)"/></td>26</tr>27</table>28</form>29</div></td>30</tr>31<tr>32<td>33</td>34</tr>35</table>36</body>37</html>38<?php39if(isset($_REQUEST['name'])) //檢查是否有傳遞name參數(shù)40{41$nnn=$_REQUEST['name']; //獲取傳遞的name參數(shù)，并賦值給$nnn變量42$ppp=$_REQUEST['pwd']; //獲取傳遞的pwd參數(shù)，并賦值給$ppp變量43session_start();//啟動(dòng)會(huì)話44$_SESSION['nnn']=$nnn; //將$nnn存儲(chǔ)到會(huì)話中，作為用戶的姓名信息45$_SESSION['ppp']=$ppp; //將$ppp存儲(chǔ)到會(huì)話中，作為用戶的密碼信息46if($nnn=='admin') //判斷用戶名是否為'admin'47{48if($ppp=='123456') //判斷密碼是否為'123456'49{50echo"<script>alert('用戶名密碼正確，登錄成功！');</script>";//輸出登錄成功提示框51}52else53{54echo"<script>alert('用戶名或密碼錯(cuò)誤，登錄失敗！');</script>";//輸出登錄失敗提示框55}56}57else58{59echo"<script>alert('用戶名或密碼錯(cuò)誤，登錄失敗！');</script>";//輸出登錄失敗提示框60}61}62?>用戶訪問(wèn)登錄頁(yè)面，并在頁(yè)面上輸入用戶名和密碼后提交表單。PHP代碼檢查是否有傳遞名為“name”的參數(shù)（即用戶名），如果有，則繼續(xù)執(zhí)行下面的步驟。代碼從用戶提交的表單中獲取用戶名和密碼，并將它們分別保存到名為$nnn和$ppp的變量中。為了使用會(huì)話功能，代碼啟動(dòng)了會(huì)話（也就是創(chuàng)建了用戶登錄狀態(tài)的“會(huì)話”）。用戶輸入的用戶名和密碼被存儲(chǔ)在會(huì)話變量中，這樣在整個(gè)會(huì)話期間，可以在其他頁(yè)面中使用這些信息。代碼檢查用戶名是否為“admin”，如果是，則繼續(xù)執(zhí)行下面的步驟。動(dòng)態(tài)網(wǎng)頁(yè)進(jìn)一步檢查密碼是否為“123456”，如果是，則在頁(yè)面上顯示彈窗，內(nèi)容是“用戶名密碼正確，登錄成功！”；如果不是，則在頁(yè)面上顯示彈窗，內(nèi)容是“用戶名或密碼錯(cuò)誤，登錄失敗！”。如果用戶名不是“admin”，則在頁(yè)面上顯示彈窗，內(nèi)容是“用戶名或密碼錯(cuò)誤，登錄失敗！”。需要注意的是，這段代碼存在嚴(yán)重的安全漏洞，因?yàn)樗鼪](méi)有對(duì)用戶輸入進(jìn)行驗(yàn)證和過(guò)濾，也沒(méi)有使用加密存儲(chǔ)密碼等安全措施。在真實(shí)的應(yīng)用中，應(yīng)該加入更多安全性措施來(lái)防止惡意攻擊和數(shù)據(jù)泄露。4．代碼簡(jiǎn)要說(shuō)明與解釋（1）第1行代碼指定文檔類型為HTML5，并且將以下代碼視為HTML文檔。（2）第2行開始HTML文檔的<html>元素。（3）第3行在<head>元素內(nèi)，定義文檔的元數(shù)據(jù)，這里設(shè)置了字符集為utf-8。（4）第5行設(shè)置文檔標(biāo)題為“設(shè)計(jì)集團(tuán)公司登錄動(dòng)態(tài)網(wǎng)頁(yè)”。（5）第6行開始HTML文檔的<body>元素，表示文檔的主體部分。（6）第8行創(chuàng)建一個(gè)居中對(duì)齊的<table>元素，設(shè)置其寬度為500像素，高度為232像素，邊框粗細(xì)為0，并設(shè)置背景圖片為“/image/700.jpg”。（7）第9行在表格中創(chuàng)建一個(gè)<tr>元素，用于創(chuàng)建表格的一行。（8）第10行在表格行中創(chuàng)建一個(gè)<td>元素，設(shè)置其高度為170像素，用于創(chuàng)建一個(gè)空白區(qū)域。（9）第13行到第30行在表格行中創(chuàng)建一個(gè)<td>元素，用于放置一個(gè)<form>表單，該表單將數(shù)據(jù)提交到“070201.php”。在表單中創(chuàng)建一個(gè)包含用戶名和密碼輸入框的表格。（10）第16行在表單中創(chuàng)建一個(gè)表格行，背景顏色為"#CCCCCC"，用于顯示用戶名。（11）第17行在表單行中的第一個(gè)單元格中顯示"用戶名"。（12）第18行在表單行中的第二個(gè)單元格中創(chuàng)建一個(gè)輸入框，類型為文本，名稱為“name”，大小為20個(gè)字符。（13）第20行在表單中創(chuàng)建另一個(gè)表格行，背景顏色為"#CCCCCC"，用于顯示密碼。（14）第21行在表單行中的第一個(gè)單元格中顯示“密碼”。（15）第22行在表單行中的第二個(gè)單元格中創(chuàng)建一個(gè)輸入框，類型為密碼，名稱為“pwd”，大小為20個(gè)字符。（16）第24行在表單中創(chuàng)建一個(gè)表格行，用于顯示提交按鈕。（17）第25行在單元格中創(chuàng)建一個(gè)提交按鈕，名稱為“sub”，顯示文本為“登錄集團(tuán)公司內(nèi)部管理系統(tǒng)”。（18）第36行結(jié)束HTML文檔的<body>元素。（19）第37行結(jié)束HTML文檔的<html>元素。（20）第38～62行是PHP代碼塊，在HTML代碼后面。首先，通過(guò)檢查是否傳遞了名為“name”的參數(shù)來(lái)判斷用戶是否嘗試登錄。（21）第38行是PHP代碼的開頭，表示后面的代碼塊是PHP代碼。（22）第39行使用isset()函數(shù)檢查是否傳遞了“name”參數(shù)。（23）第41行如果“name”參數(shù)存在，則將它的值賦給變量$nnn。（24）第42行將傳遞的“pwd”參數(shù)的值賦給變量$ppp。（25）第43行通過(guò)session_start()啟動(dòng)會(huì)話，以便后續(xù)可以使用會(huì)話存儲(chǔ)數(shù)據(jù)。（26）第44行將用戶名存儲(chǔ)在會(huì)話變量$_SESSION['nnn']中，以便在會(huì)話期間程序判斷檢測(cè)之用。（27）第45行將密碼存儲(chǔ)在會(huì)話變量$_SESSION['ppp']中，作用同第44行。（28）第46～60行根據(jù)用戶名和密碼進(jìn)行驗(yàn)證。（29）第46行檢查用戶名是否為“admin”。（30）第47～52行如果用戶名為“admin”，則進(jìn)一步檢查密碼。（31）第48行檢查密碼是否為“123456”。（32）第50行如果用戶名和密碼都正確，顯示登錄成功的提示框。（33）第54行如果密碼不正確，顯示登錄失敗的提示框。（34）第57～60行如果用戶名不是“admin”，顯示登錄失敗的提示框。這段代碼的功能是創(chuàng)建登錄頁(yè)面，用戶可以輸入用戶名和密碼，然后通過(guò)PHP代碼進(jìn)行驗(yàn)證。如果用戶名和密碼正確，會(huì)顯示登錄成功提示框，否則會(huì)顯示登錄失敗提示框，過(guò)程中用戶的用戶名和密碼會(huì)存儲(chǔ)在會(huì)話中，以便在后續(xù)操作中使用。1．session基礎(chǔ)session是一種在服務(wù)器端保存用戶會(huì)話數(shù)據(jù)的方法，而對(duì)應(yīng)的cookie則是在客戶端保存用戶數(shù)據(jù)的方式。HTTP協(xié)議是一種無(wú)狀態(tài)協(xié)議，即服務(wù)器在響應(yīng)完請(qǐng)求后就失去了與瀏覽器的聯(lián)系。為了解決這個(gè)問(wèn)題，Netscape最早引入了cookie的概念，使得數(shù)據(jù)可以在客戶端之間進(jìn)行跨頁(yè)面交換。那么服務(wù)器是如何記住眾多用戶的會(huì)話數(shù)據(jù)的呢？首先，需要建立客戶端和服務(wù)器端之間的聯(lián)系，每個(gè)客戶端都需要有唯一標(biāo)識(shí)，以便服務(wù)器能夠識(shí)別出來(lái)。2．PHPsession變量PHPsession變量用于存儲(chǔ)關(guān)于用戶會(huì)話的信息，或者更改用戶會(huì)話的數(shù)據(jù)。會(huì)話變量存儲(chǔ)單個(gè)用戶的信息，并且在應(yīng)用動(dòng)態(tài)網(wǎng)頁(yè)的所有頁(yè)面中都是可用的。在因特網(wǎng)上，由于HTTP地址無(wú)法保持狀態(tài)，Web服務(wù)器無(wú)法知道WAMP是誰(shuí)以及WAMP做了什么。PHPsession解決了這個(gè)問(wèn)題，通過(guò)在服務(wù)器上存儲(chǔ)用戶信息以便隨后使用，比如用戶名稱、購(gòu)買的商品等。然而，會(huì)話信息是臨時(shí)的，一旦用戶離開網(wǎng)站，會(huì)話數(shù)據(jù)便被刪除。3．session_start()函數(shù)的作用在了解了session的基礎(chǔ)之后，我們知道session實(shí)際上由兩部分組成：客戶端的sessionid和服務(wù)器端的session文件。在使用session之前，必須先執(zhí)行session_start()函數(shù)。那么session_start()函數(shù)的作用是什么呢？首先，在執(zhí)行session_start()函數(shù)之前，服務(wù)器需要準(zhǔn)備好用于種植cookie的環(huán)境，并準(zhǔn)備好session文件。為什么需要cookie？因?yàn)閟essionid需要被存儲(chǔ)在客戶端，以便在后續(xù)的請(qǐng)求中能夠?qū)essionid傳遞給服務(wù)器。通過(guò)種植名為“PHPSESSID”的cookie，服務(wù)器可以將sessionid保存在客戶端，以便在需要時(shí)能夠識(shí)別該客戶端的會(huì)話數(shù)據(jù)。如果不執(zhí)行session_start()函數(shù)，服務(wù)器無(wú)法進(jìn)行cookie的種植操作，也就無(wú)法存儲(chǔ)和識(shí)別會(huì)話數(shù)據(jù)。其次，在讀取會(huì)話數(shù)據(jù)之前，需要執(zhí)行session_start()函數(shù)告訴服務(wù)器要根據(jù)sessionid反序列化相應(yīng)的session文件。服務(wù)器通過(guò)sessionid找到對(duì)應(yīng)的session文件，并將文件內(nèi)容反序列化為可讀取的會(huì)話數(shù)據(jù)。如果不執(zhí)行session_start()函數(shù)，服務(wù)器將無(wú)法識(shí)別客戶端的sessionid，也就無(wú)法讀取對(duì)應(yīng)的會(huì)話數(shù)據(jù)。需要注意的是，在執(zhí)行session_start()函數(shù)之前只能執(zhí)行session相關(guān)的函數(shù)，即session_name()函數(shù)，用于讀取或指定會(huì)話名稱（默認(rèn)為“PHPSESSID”）。這是因?yàn)閟ession_name()函數(shù)需要在session_start()函數(shù)之前執(zhí)行，以確保會(huì)話的正確啟動(dòng)。綜上所述，執(zhí)行session_start()函數(shù)之前的準(zhǔn)備工作包括：準(zhǔn)備好種植cookie以及準(zhǔn)備好session文件。而執(zhí)行session_start()函數(shù)的作用是告訴服務(wù)器要準(zhǔn)備好會(huì)話文件并種植cookie，以便能夠正確地存儲(chǔ)和讀取會(huì)話數(shù)據(jù)。本次課小結(jié)與課后作業(yè)一、填空題1．session是一種在________保存用戶________的方法，而對(duì)應(yīng)的________則是在（）保存用戶數(shù)據(jù)的方式。HTTP協(xié)議是一種________協(xié)議，即服務(wù)器在響應(yīng)完請(qǐng)求后就失去了與________的聯(lián)系。為了解決這個(gè)問(wèn)題，Netscape最早引入了cookie的概念，使得數(shù)據(jù)可以在客戶端之間進(jìn)行跨頁(yè)面交換。那么服務(wù)器是如何記住眾多用戶的會(huì)話數(shù)據(jù)的呢？首先，需要建立________和服務(wù)器端之間的聯(lián)系，每個(gè)客戶端都需要有________，以便服務(wù)器能夠識(shí)別出來(lái)。2．PHPsession變量用于________關(guān)于________的信息，或者_(dá)_______用戶會(huì)話的數(shù)據(jù)。會(huì)話變量存儲(chǔ)________的信息，并且在應(yīng)用動(dòng)態(tài)網(wǎng)頁(yè)的________中都是可用的。在因特網(wǎng)上，由于HTTP地址無(wú)法________，Web服務(wù)器無(wú)法知道WAMP是誰(shuí)以及WAMP做了什么。PHPsession解決了這個(gè)問(wèn)題，通過(guò)在服務(wù)器上________以便隨后使用，比如用戶名稱、購(gòu)買的商品等。然而，會(huì)話信息是臨時(shí)的，一旦用戶離開網(wǎng)站，________便被刪除。本次課小結(jié)與課后作業(yè)二、敘述題1．寫出session_start()函數(shù)的作用，并簡(jiǎn)述session_start()函數(shù)的原理。2．本任務(wù)中，賬號(hào)密碼輸入有誤登錄失敗，會(huì)顯示“用戶名或密碼錯(cuò)誤，登錄失敗！”，請(qǐng)找到相應(yīng)語(yǔ)句修改提示信息為“未正常用戶名密碼登錄，不能訪問(wèn)本網(wǎng)頁(yè)！”，在請(qǐng)對(duì)070202.php源代碼語(yǔ)句修改，并測(cè)試。3．仿照本施工任務(wù)，自行設(shè)計(jì)信息部門登錄的動(dòng)態(tài)網(wǎng)頁(yè)xt070201.php，能實(shí)現(xiàn)根據(jù)不同用戶，跳轉(zhuǎn)不同的頁(yè)面，同時(shí)能用session保存賬號(hào)密碼。當(dāng)用戶為a時(shí)，跳轉(zhuǎn)到“a.php”網(wǎng)頁(yè)；當(dāng)用戶為b時(shí)，跳轉(zhuǎn)到“b.php”網(wǎng)頁(yè)；當(dāng)用戶為c時(shí)，跳轉(zhuǎn)到“c.php”網(wǎng)頁(yè)。請(qǐng)嘗試設(shè)計(jì)這個(gè)動(dòng)態(tài)網(wǎng)頁(yè)。任務(wù)三使用Request與Cookie技術(shù)設(shè)計(jì)保存員工信息動(dòng)態(tài)網(wǎng)頁(yè)復(fù)習(xí)知識(shí)與技能任務(wù)描述網(wǎng)絡(luò)信息部門針對(duì)公司網(wǎng)站的設(shè)計(jì)任務(wù)，要求工程師小明負(fù)責(zé)開發(fā)動(dòng)態(tài)網(wǎng)頁(yè)，以收集員工信息并將其提交到另一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)進(jìn)行處理。具體而言，小明將設(shè)計(jì)名為“動(dòng)態(tài)網(wǎng)頁(yè)070301.php”的動(dòng)態(tài)網(wǎng)頁(yè)，用于收集員工信息。該頁(yè)面包含表單，員工需要填寫以下信息：電子郵箱、姓名、性別、家庭地址、郵編、電話、愛好、信用卡類型和卡號(hào)。同時(shí)，頁(yè)面還設(shè)有“提交保存員工個(gè)人信息”的按鈕。一旦員工填寫完畢并點(diǎn)擊提交按鈕，所填信息將由動(dòng)態(tài)網(wǎng)頁(yè)發(fā)送至“070302.php”動(dòng)態(tài)網(wǎng)頁(yè)，該頁(yè)面將負(fù)責(zé)處理這些數(shù)據(jù)。通過(guò)這種設(shè)計(jì)，小明能夠有效地通過(guò)網(wǎng)頁(yè)表單提交數(shù)據(jù)，并實(shí)現(xiàn)各種需求。該任務(wù)的目標(biāo)是確保員工信息的準(zhǔn)確收集和高效處理，同時(shí)提供必要的安全措施，以保護(hù)員工的個(gè)人信息。小明在開發(fā)過(guò)程中需要注意數(shù)據(jù)的有效性驗(yàn)證和安全性。他需要確保表單中的必填字段得到正確填寫，并對(duì)數(shù)據(jù)進(jìn)行合法性校驗(yàn)，以防止非法數(shù)據(jù)輸入和潛在的安全漏洞。此外，小明還可以考慮添加額外的功能，如數(shù)據(jù)的即時(shí)反饋或錯(cuò)誤提示，以提高用戶體驗(yàn)和數(shù)據(jù)質(zhì)量。通過(guò)這個(gè)動(dòng)態(tài)網(wǎng)頁(yè)的開發(fā)，小明將為公司網(wǎng)站增添重要功能，使員工能夠方便地提交個(gè)人信息，并確保這些信息能夠被安全地處理和保存。網(wǎng)絡(luò)信息部門對(duì)小明的任務(wù)安排有信心，并期待他能按時(shí)完成開發(fā)任務(wù)，并保證網(wǎng)頁(yè)的功能正常運(yùn)行。動(dòng)態(tài)網(wǎng)頁(yè)“070301.php”表單如圖7-3-1所示。任務(wù)分析工程師小明需要按照任務(wù)描述開發(fā)兩個(gè)網(wǎng)頁(yè)：“070301.php”和“070302.php”，用于員工信息的收集和處理。他可以使用Request和Cookie技術(shù)來(lái)完成這項(xiàng)任務(wù)。首先，小明需要設(shè)計(jì)表單頁(yè)面“070301.php”，讓員工填寫個(gè)人信息，包括郵箱、姓名、性別、地址、郵編、電話、愛好、信用卡信息。當(dāng)員工填寫完畢并點(diǎn)擊提交按鈕時(shí)，表單數(shù)據(jù)將通過(guò)Request技術(shù)發(fā)送到另一個(gè)網(wǎng)頁(yè)“070302.php”進(jìn)行處理。在處理頁(yè)面“070302.php”中，小明可以使用Request技術(shù)來(lái)獲取從表單頁(yè)面?zhèn)鬟f過(guò)來(lái)的員工信息。他可以提取出電子郵箱、姓名、性別、地址、郵編、電話、愛好、信用卡類型和卡號(hào)等信息，并對(duì)其進(jìn)行必要的驗(yàn)證和處理，例如檢查數(shù)據(jù)的合法性、清理不必要的字符等。任務(wù)分析另外，小明還可以利用Cookie技術(shù)來(lái)實(shí)現(xiàn)用戶登錄功能。他可以在登錄頁(yè)面中設(shè)計(jì)表單，要求用戶輸入用戶名和密碼。通過(guò)Cookie技術(shù)，小明可以將登錄用戶的身份信息存儲(chǔ)在Cookie中，以便后續(xù)訪問(wèn)時(shí)進(jìn)行身份驗(yàn)證，確保只有經(jīng)過(guò)登錄的用戶才能訪問(wèn)敏感信息。在完成任務(wù)的過(guò)程中，小明需要注意代碼的安全性和可靠性。他可以參考技術(shù)文檔和最佳實(shí)踐，編寫結(jié)構(gòu)清晰、邏輯合理的代碼，并進(jìn)行充分的測(cè)試和調(diào)試，以確保網(wǎng)頁(yè)的功能正常運(yùn)行，并且能夠安全地處理員工的個(gè)人信息。綜上所述，小明可以通過(guò)Request和Cookie技術(shù)來(lái)實(shí)現(xiàn)員工信息的收集和處理任務(wù)。他需要設(shè)計(jì)表單頁(yè)面讓員工填寫信息，并使用Request技術(shù)在處理頁(yè)面獲取并處理這些信息。此外，他還可以利用Cookie技術(shù)實(shí)現(xiàn)用戶登錄功能。在開發(fā)過(guò)程中，小明應(yīng)注重代碼的安全性和可靠性，以確保網(wǎng)頁(yè)的正常運(yùn)行和員工信息的安全處理。工程師小明按照任務(wù)描述，經(jīng)搜索查閱技術(shù)資料，確定Request與Cookie技術(shù)可以完成本任務(wù)，其中動(dòng)態(tài)網(wǎng)頁(yè)“070301.php”為員工信息提交頁(yè)，提交的員工信息由動(dòng)態(tài)網(wǎng)頁(yè)“070302.php”接收并處理。1．準(zhǔn)備工作按照網(wǎng)站規(guī)劃參數(shù)進(jìn)行配置。Web站點(diǎn)路徑：C:\phpweb。Web測(cè)試IP地址：。Web測(cè)試端口號(hào)：8899。參照項(xiàng)目一中任務(wù)一、任務(wù)二、任務(wù)三，配置并啟動(dòng)WAMP環(huán)境，配置好Dreamweaver網(wǎng)站環(huán)境，如果已經(jīng)配置并啟動(dòng)WAMP環(huán)境、Dreamweaver網(wǎng)站環(huán)境，本步驟可以略過(guò)。2．創(chuàng)建設(shè)計(jì)“070301.php”動(dòng)態(tài)網(wǎng)頁(yè)（1）鼠標(biāo)單擊“開始”→“動(dòng)態(tài)網(wǎng)頁(yè)”啟動(dòng)Dreamweaver軟件，單擊“文件”菜單，單擊“新建”創(chuàng)建PHP動(dòng)態(tài)網(wǎng)頁(yè)“070301.php”。（2）輸入網(wǎng)頁(yè)標(biāo)題“設(shè)計(jì)保存員工信息動(dòng)態(tài)網(wǎng)頁(yè)”。（3）網(wǎng)頁(yè)效果如圖5-1-1所示，插入圖片700.jpg，修改圖片700.jpg寬度屬性為750，插入圖片602.gif。在兩張圖片之間，鍵盤輸入組合鍵“Shift+Enter”換行，在空行里插入form表單。（4）在form表單中，插入11行2列的表格，表格第1行單元格合并，輸入文字標(biāo)題“公司員工信息提交表”，設(shè)置輸入的文字為h2標(biāo)題格式。（5）表格第11行單元格合并，在其中插入按鈕控件，按鈕屬性值為“提交保存員工個(gè)人信息”。（6）表格第1列的第2～10行，分別輸入文字“電子郵箱：”“姓名：”“性別：”“家庭地址：”“郵編：”“電話：”“愛好：”“信用卡類型：”“卡號(hào)：”，具體參見源代碼第16～75行。（7）表格第1列的第2～10行，在“電子郵箱：”“姓名：”“性別：”“家庭地址：”“郵編：、”“電話：”“愛好：”“信用卡類型：”“卡號(hào)：”文字的右邊單元格分別設(shè)置為文本框、文本框、男女選項(xiàng)下拉框、文本框、文本框、文本框、信用卡2個(gè)選項(xiàng)的單選組、文本框，具體參見源代碼第16～75行。（8）在圖片602.gif下方鍵盤輸入PHP源代碼，具體源代碼參見第86～111行。3．動(dòng)態(tài)網(wǎng)頁(yè)“070301.php”源碼1<!doctypehtml>2<html>3<head>4<metacharset="utf-8">5<title>設(shè)計(jì)保存員工信息動(dòng)態(tài)網(wǎng)頁(yè)</title>6</head>7<body>8<imgsrc="/image/700.jpg"width="750"height="387"><br>9<!--表單部分，用于員工信息的提交-->10<formname="form1"method="post"action="">11<tablewidth="500"border="0">12<tralign="center">13<tdcolspan="2"><h2>公司員工信息提交表</h2></td>14</tr>15<!--輸入電子郵箱-->16<tr>17<tdwidth="125"align="right"class="lanmu">電子郵箱：</td>18<td><labelfor="dzyx"></label>19<inputname="dzyx"type="text"id="dzyx"size="40"></td>20</tr>21<!--輸入姓名-->22<tr>23<tdalign="right"class="lanmu">姓名：</td>24<td><labelfor="name"></label>25<inputname="name"type="text"id="name"size="40"></td>26</tr>27<!--選擇性別-->28<tr>29<tdalign="right"class="lanmu">性別：</td>30<td><labelfor="xingbie"></label>31<selectname="xingbie"size="1"id="xingbie">32<optionvalue="男">男</option>33<optionvalue="女">女</option>34</select>35</td>36</tr>37<!--輸入家庭地址-->38<tr>39<tdalign="right"class="lanmu">家庭地址：</td>40<td><labelfor="jtdz"></label>41<inputname="jtdz"type="text"id="jtdz"size="40"></td>42</tr>43<!--輸入郵編-->44<tr>45<tdalign="right"class="lanmu">郵編：</td>46<td><inputname="youbian"type="text"id="youbian"size="40"></td>47</tr>48<!--輸入電話號(hào)碼-->49<tr>50<tdalign="right"class="lanmu">電話：</td>51<td><inputname="dianhua"type="text"id="dianhua"size="40"></td>52</tr>53<!--輸入愛好-->54<tr>55<tdalign="right"class="lanmu">愛好：</td>56<td><inputname="aihao"type="text"id="aihao"size="40"></td>57</tr>58<!--選擇信用卡類型-->59<tr>60<tdalign="right"class="lanmu">信用卡類型：</td>61<td><p>62<label>63<inputtype="radio"name="xyk"value="MasterCard"id="RadioGroup1_0">64MasterCard</label>65<label>66<inputtype="radio"name="xyk"value="Visa"id="RadioGroup1_1">67Visa</label>68<br>69</p></td>70</tr>71<!--輸入信用卡卡號(hào)-->72<tr>73<tdalign="right"class="lanmu">卡號(hào)：</td>74<td><inputname="kahao"type="text"id="kahao"size="40"></td>75</tr>76<!--提交按鈕-->77<tr>78<tdcolspan="2"align="center"class="anniulan">79<inputtype="submit"name="button"id="button"value="提交保存員工個(gè)人信息">80</td>81</tr>82</table>83</form>84<br>85<imgsrc="/image/602.gif"width="750"height="80">86<!--PHP代碼部分，用于接收并顯示員工信息-->87<?php88//檢查是否提交了表單，并在提交后處理數(shù)據(jù)89if(isset($_REQUEST['name'])){90//從POST請(qǐng)求中獲取表單數(shù)據(jù)91$dzyx=$_REQUEST['dzyx'];92$name=$_REQUEST['name'];93$xingbie=$_REQUEST['xingbie'];94$jtdz=$_REQUEST['jtdz'];95$youbian=$_REQUEST['youbian'];96$dianhua=$_REQUEST['dianhua'];97$aihao=$_REQUEST['aihao'];98$xyk=$_REQUEST['xyk'];99$kahao=$_REQUEST['kahao'];100//顯示接收到的數(shù)據(jù)101echo"接收到電子郵箱信息為：".$dzyx."<br>";102echo"接收姓名信息為：".$name."<br>";103echo"接收到性別信息為：".$xingbie."<br>";104echo"接收到家庭住址信息為：".$jtdz."<br>";105echo"接收到郵編信息為：".$youbian."<br>";106echo"接收到電話信息為：".$dianhua."<br>";107echo"接收到愛好信息為：".$aihao."<br>";108echo"接收到信用卡類型信息為：".$xyk."<br>";109echo"接收到卡號(hào)信息為：".$kahao."<br>";110}111?>112</body>113</html>HTML代碼創(chuàng)建表單用于提交員工信息。PHP代碼檢查是否提交了表單，并在提交后處理數(shù)據(jù)。表單包含電子郵箱、姓名、性別、家庭地址、郵編、電話、愛好、信用卡類型和卡號(hào)等字段。當(dāng)表單提交后，PHP代碼從$_REQUEST數(shù)組中獲取數(shù)據(jù)。然后顯示接收到的數(shù)據(jù)在網(wǎng)頁(yè)上，并附上相應(yīng)的標(biāo)簽。4．“070301.php”動(dòng)態(tài)網(wǎng)頁(yè)關(guān)鍵代碼簡(jiǎn)要說(shuō)明與解釋（1）第1～7行代碼定義了HTML文檔的基本結(jié)構(gòu)，包括文檔類型、頭部信息和主體內(nèi)容。（2）第8行插入圖像，src屬性指定了圖像文件的路徑，width和height屬性設(shè)置了圖像的寬度和高度。（3）第9～83行表單開始至表單結(jié)束，用于收集員工的個(gè)人信息，收集的信息使用PHP代碼進(jìn)行處理和顯示。（4）第79行<inputtype="submit"name="button"id="button"value="提交保存員工個(gè)人信息">提交按鈕，type屬性設(shè)置按鈕類型為“submit“，name屬性設(shè)置按鈕的名稱，id屬性設(shè)置按鈕的ID，value屬性設(shè)置按鈕上顯示的文本。（5）第85行插入圖片，src屬性指定了圖片的路徑，width和height屬性設(shè)置了圖片的寬度和高度。（6）第86～111行代碼是使用PHP處理表單數(shù)據(jù)的部分。它首先檢查是否提交了表單數(shù)據(jù)，如果是，則從$_REQUEST中獲取表單各個(gè)字段的值，然后通過(guò)echo語(yǔ)句將接收到的數(shù)據(jù)顯示在頁(yè)面上。這樣，當(dāng)用戶提交表單時(shí)，頁(yè)面會(huì)顯示提交的員工信息。（7）第89行if(isset($_REQUEST['name'])){代碼使用isset()函數(shù)檢查是否提交了名為“name”的表單字段。如果提交了這個(gè)字段，就會(huì)執(zhí)行下面的代碼塊。（8）第90～99行代碼從$_REQUEST數(shù)組中獲取了表單各個(gè)字段的值，并將其保存到相應(yīng)的變量中，以此獲取電子郵箱、姓名、性別、家庭地址、郵編、電話號(hào)碼、愛好、信用卡類型、卡號(hào)等的值。（9）第100～110行代碼使用echo語(yǔ)句將接收到的表單數(shù)據(jù)以文字形式顯示在頁(yè)面上，包括獲取電子郵箱、姓名、性別、家庭地址、郵編、電話號(hào)碼、愛好、信用卡類型、卡號(hào)等信息。（10）第110行}表示PHP代碼塊的結(jié)束。第111行?>是PHP代碼的結(jié)束標(biāo)記，表示PHP代碼結(jié)束。（11）第112行</body>標(biāo)記了文檔主體的結(jié)束。第113行</html>標(biāo)記了整個(gè)HTML文檔的結(jié)束。5．創(chuàng)建設(shè)計(jì)“070302.php”動(dòng)態(tài)網(wǎng)頁(yè)（1）鼠標(biāo)單擊“開始”→“動(dòng)態(tài)網(wǎng)頁(yè)”啟動(dòng)Dreamweaver軟件，單擊“文件”菜單，單擊“新建”創(chuàng)建PHP動(dòng)態(tài)網(wǎng)頁(yè)“070302.php”。（2）網(wǎng)頁(yè)屬性中鍵盤輸入網(wǎng)頁(yè)標(biāo)題“控制登錄用戶”。（3）網(wǎng)頁(yè)中插入3行3列的表格。表格寬、高屬性請(qǐng)參照源代碼第8行設(shè)置。為表格設(shè)置背景圖片，background="/image/bg.JPG"。9個(gè)單元格的寬、高屬性請(qǐng)參照源代碼第10～34行的參數(shù)值設(shè)置。（4）在表格第2行第2列插入form表單，參照源代碼第17行，設(shè)置form表單action="070302ok.php"屬性，光標(biāo)定位在表單中，輸入文字“用戶名：”，回車，輸入文字“密碼：”，回車。在“用戶名：”右側(cè)插入文本框控件，在“密碼：”右側(cè)插入文本框控件，在“密碼：”下一行插入按鈕控件。6．“070302.php”動(dòng)態(tài)網(wǎng)頁(yè)源代碼

1<!DOCTYPEhtml>

2<html>

3<head>

4<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">

5<title>控制登錄用戶COOKIE</title>

6</head>

7<body>8<tablewidth="464"height="336"border="0"cellpadding="0"cellspacing="0"background="/image/bg.JPG">

9<tr>10<tdwidth="107"height="136"></td>11<tdwidth="274"></td>12<tdwidth="83"></td>13</tr>14<tr>15<tdheight="100"></td>16<tdalign="center">17<formname="form1"method="post"action="070302ok.php">18<p>用戶名：19<inputname="user"type="text"size="20">20</p>21<p>密碼：22<inputname="pass"type="password"maxlength="20">23</p>24<p>25<inputtype="submit"name="Submit"value="提交">26</p>27</form>28</td>29<td></td>30</tr>31<tr>32<tdheight="80"></td>33<td></td>34<td></td>35</tr>36</table>37</body>38</html>7．“070302.php”關(guān)鍵代碼簡(jiǎn)要說(shuō)明與解釋（1）第1～6行代碼定義了HTML文檔的基本結(jié)構(gòu)，包括文檔類型、頭部信息和主體內(nèi)容。（2）第8～36行是HTML主體部分，包含一個(gè)表格，用于創(chuàng)建登錄界面。表格的背景被設(shè)置為一個(gè)圖片（/image/bg.JPG）。（3）第9～13行定義表格的第1行，其中包含3個(gè)單元格，留空以用于布局。（4）第14～30行定義表格的第2行，其中包含3個(gè)單元格。第2個(gè)單元格包含1個(gè)表單，用戶可以在表單中輸入用戶名和密碼。（5）第17行表單，屬性以為POST方式將數(shù)據(jù)提交到“070302ok.php”動(dòng)態(tài)網(wǎng)頁(yè)。（6）第18～20行輸入框，用于輸入用戶名。（7）第21～23行輸入框，用于輸入密碼，密碼明文內(nèi)容會(huì)被隱藏。（8）第25行提交按鈕，用戶點(diǎn)擊此按鈕以提交填寫的用戶名和密碼數(shù)據(jù)。（9）第31～35行定義表格的第3行，其中包含3個(gè)單元格，用于布局。（10）第37～38行結(jié)束HTML文檔。8．創(chuàng)建設(shè)計(jì)“070302ok.php”動(dòng)態(tài)網(wǎng)頁(yè)（1）鼠標(biāo)單擊“開始”→“動(dòng)態(tài)網(wǎng)頁(yè)”啟動(dòng)Dreamweaver軟件，單擊“文件”菜單，單擊“新建”創(chuàng)建PHP動(dòng)態(tài)網(wǎng)頁(yè)“070302ok.php”。（2）在網(wǎng)頁(yè)源代碼視圖中，在所有源代碼之前，輸入下面源代碼。9．動(dòng)態(tài)網(wǎng)頁(yè)“070302ok.php”源代碼

1<?php

2header("Content-type:text/html;charset=utf-8");//設(shè)置文件編碼格式

3//檢查是否有提交的用戶名和密碼

4if($_POST['user']!=""&&$_POST['pass']!=""){

5//檢查用戶名和密碼是否正確

6if($_POST['user']=="abc"&&$_POST['pass']=="abcabc"){

7//設(shè)置名為"user"和"pass"的Cookie，有效期為60秒，并在設(shè)置失敗時(shí)輸出錯(cuò)誤信息

8setCookie("user",$_POST['user'],time(

)

+60)ordie("禁止cookie");

9setCookie("pass",$_POST['pass'],time(

)

+60)ordie("禁止cookie");10//使用JavaScript彈出登錄成功的提示框，并重定向到"070302cookie.php"頁(yè)面11echo"<script>alert('登錄成功！');window.location.href='070302cookie.php';</script>";12}

else{13//使用JavaScript彈出用戶名或密碼不正確的提示框，并重定向回"070302.php"頁(yè)面14echo"<script>alert('用戶名或者密碼不正確！');window.location.href='070302.php';</script>";15}16}

else{17//使用JavaScript彈出用戶名或密碼不能為空的提示框，并重定向回"070302.php"頁(yè)面18echo"<script>alert('用戶名或者密碼不能為空！');window.location.href='070302.php';</script>";19}10．“070302ok.php”關(guān)鍵代碼簡(jiǎn)要說(shuō)明與解釋這段PHP源代碼是登錄驗(yàn)證腳本，用于處理用戶登錄的邏輯判斷，功能就是檢查用戶通過(guò)form表單提交的用戶名和密碼，并根據(jù)用戶名和密碼正確與否進(jìn)行相應(yīng)的處理。（1）第1行<?php為PHP的起始標(biāo)記。（2）第2行設(shè)置頁(yè)面的文本類型和字符編碼為utf-8，作用是避免文字顯示亂碼。（3）第4～6行檢查提交的用戶名和密碼是否不為空，并且是否匹配預(yù)設(shè)的用戶名和密碼。第4行通過(guò)if判斷語(yǔ)句代碼檢查是否提交了有效的用戶名和密碼，通過(guò)超全局變量來(lái)獲取用戶通過(guò)HTTPPOST方法提交的表單數(shù)據(jù)信息。第6行通過(guò)嵌套的內(nèi)層的if判斷語(yǔ)句代碼來(lái)檢查用戶名和密碼是否正確。具體說(shuō)就是正確用戶名必須是“abc”，正確密碼必須是“abca