《PHP網(wǎng)頁(yè)案例任務(wù)教程》課件 7-3 使用Request與 kie技術(shù)設(shè)計(jì)保存員工信息動(dòng)態(tài)網(wǎng)頁(yè)_第1頁(yè)
《PHP網(wǎng)頁(yè)案例任務(wù)教程》課件 7-3 使用Request與 kie技術(shù)設(shè)計(jì)保存員工信息動(dòng)態(tài)網(wǎng)頁(yè)_第2頁(yè)
《PHP網(wǎng)頁(yè)案例任務(wù)教程》課件 7-3 使用Request與 kie技術(shù)設(shè)計(jì)保存員工信息動(dòng)態(tài)網(wǎng)頁(yè)_第3頁(yè)
《PHP網(wǎng)頁(yè)案例任務(wù)教程》課件 7-3 使用Request與 kie技術(shù)設(shè)計(jì)保存員工信息動(dòng)態(tài)網(wǎng)頁(yè)_第4頁(yè)
《PHP網(wǎng)頁(yè)案例任務(wù)教程》課件 7-3 使用Request與 kie技術(shù)設(shè)計(jì)保存員工信息動(dòng)態(tài)網(wǎng)頁(yè)_第5頁(yè)
已閱讀5頁(yè)，還剩26頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

任務(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ù)。通過這種設(shè)計(jì)，小明能夠有效地通過網(wǎng)頁(yè)表單提交數(shù)據(jù)，并實(shí)現(xiàn)各種需求。該任務(wù)的目標(biāo)是確保員工信息的準(zhǔn)確收集和高效處理，同時(shí)提供必要的安全措施，以保護(hù)員工的個(gè)人信息。小明在開發(fā)過程中需要注意數(shù)據(jù)的有效性驗(yàn)證和安全性。他需要確保表單中的必填字段得到正確填寫，并對(duì)數(shù)據(jù)進(jìn)行合法性校驗(yàn)，以防止非法數(shù)據(jù)輸入和潛在的安全漏洞。此外，小明還可以考慮添加額外的功能，如數(shù)據(jù)的即時(shí)反饋或錯(cuò)誤提示，以提高用戶體驗(yàn)和數(shù)據(jù)質(zhì)量。通過這個(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ù)來完成這項(xiàng)任務(wù)。首先，小明需要設(shè)計(jì)表單頁(yè)面“070301.php”，讓員工填寫個(gè)人信息，包括郵箱、姓名、性別、地址、郵編、電話、愛好、信用卡信息。當(dāng)員工填寫完畢并點(diǎn)擊提交按鈕時(shí)，表單數(shù)據(jù)將通過Request技術(shù)發(fā)送到另一個(gè)網(wǎng)頁(yè)“070302.php”進(jìn)行處理。在處理頁(yè)面“070302.php”中，小明可以使用Request技術(shù)來獲取從表單頁(yè)面?zhèn)鬟f過來的員工信息。他可以提取出電子郵箱、姓名、性別、地址、郵編、電話、愛好、信用卡類型和卡號(hào)等信息，并對(duì)其進(jìn)行必要的驗(yàn)證和處理，例如檢查數(shù)據(jù)的合法性、清理不必要的字符等。任務(wù)分析另外，小明還可以利用Cookie技術(shù)來實(shí)現(xiàn)用戶登錄功能。他可以在登錄頁(yè)面中設(shè)計(jì)表單，要求用戶輸入用戶名和密碼。通過Cookie技術(shù)，小明可以將登錄用戶的身份信息存儲(chǔ)在Cookie中，以便后續(xù)訪問時(shí)進(jìn)行身份驗(yàn)證，確保只有經(jīng)過登錄的用戶才能訪問敏感信息。在完成任務(wù)的過程中，小明需要注意代碼的安全性和可靠性。他可以參考技術(shù)文檔和最佳實(shí)踐，編寫結(jié)構(gòu)清晰、邏輯合理的代碼，并進(jìn)行充分的測(cè)試和調(diào)試，以確保網(wǎng)頁(yè)的功能正常運(yùn)行，并且能夠安全地處理員工的個(gè)人信息。綜上所述，小明可以通過Request和Cookie技術(shù)來實(shí)現(xiàn)員工信息的收集和處理任務(wù)。他需要設(shè)計(jì)表單頁(yè)面讓員工填寫信息，并使用Request技術(shù)在處理頁(yè)面獲取并處理這些信息。此外，他還可以利用Cookie技術(shù)實(shí)現(xiàn)用戶登錄功能。在開發(fā)過程中，小明應(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)境，本步驟可以略過。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)要說明與解釋（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è)字段的值，然后通過echo語句將接收到的數(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語句將接收到的表單數(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)要說明與解釋（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)要說明與解釋這段PHP源代碼是登錄驗(yàn)證腳本，用于處理用戶登錄的邏輯判斷，功能就是檢查用戶通過form表單提交的用戶名和密碼，并根據(jù)用戶名和密碼正確與否進(jìn)行相應(yīng)的處理。（1）第1行<?php為PHP的起始標(biāo)記。（2）第2行設(shè)置頁(yè)面的文本類型和字符編碼為utf-8，作用是避免文字顯示亂碼。（3）第4～6行檢查提交的用戶名和密碼是否不為空，并且是否匹配預(yù)設(shè)的用戶名和密碼。第4行通過if判斷語句代碼檢查是否提交了有效的用戶名和密碼，通過超全局變量來獲取用戶通過HTTPPOST方法提交的表單數(shù)據(jù)信息。第6行通過嵌套的內(nèi)層的if判斷語句代碼來檢查用戶名和密碼是否正確。具體說就是正確用戶名必須是“abc”，正確密碼必須是“abcabc”。當(dāng)判斷用戶名和密碼正確時(shí)，則執(zhí)行第7～11行的代碼塊；當(dāng)判斷用戶名和密碼錯(cuò)誤時(shí)，則跳過7～11行代碼，執(zhí)行第12行else后面的語句代碼。（5）第7～9行如果用戶名和密碼匹配，設(shè)置名為“user”和“pass”的Cookie，代碼中的“60”確定Cookie有效期為60秒。如果設(shè)置失敗，使用die()函數(shù)輸出提示的錯(cuò)誤信息。（6）第10～11行使用JavaScript彈出一個(gè)登錄成功的提示框，并使用window.location.href重定向到“070302cookie.php”頁(yè)面。如果用戶名和密碼正確，代碼將在第11行通過JavaScript彈出提示框顯示“登錄成功！”，并將頁(yè)面重定向到“070302cookie.php”。（7）第12～15行，如果用戶名和密碼不匹配，使用JavaScript彈出一個(gè)用戶名或密碼不正確的提示框，并重定向回“070302.php”頁(yè)面。如果用戶名和密碼不正確，代碼在第14行通過JavaScript彈出提示框顯示“用戶名或者密碼不正確！”，并將頁(yè)面重定向回“070302.php”頁(yè)面。（8）第16～19行如果用戶名或密碼為空，使用JavaScript彈出一個(gè)用戶名或密碼不能為空的提示框，并重定向回“070302.php”頁(yè)面。代碼結(jié)束標(biāo)記。如果用戶名或密碼為空，例如用戶沒有填寫任何內(nèi)容時(shí)，則代碼在第18行通過JavaScript彈出提示框，顯示“用戶名或者密碼不能為空！”，并將頁(yè)面重定向跳轉(zhuǎn)回“070302.php”頁(yè)面。這段代碼是登錄驗(yàn)證源代碼，如果用戶名和密碼正確，會(huì)在用戶的瀏覽器中設(shè)置Cookie，并將用戶重定向到“070302cookie.php”頁(yè)面。如果用戶名或密碼不正確，或者用戶沒有填寫用戶名和密碼，會(huì)在用戶的瀏覽器中通過JavaScript彈出相應(yīng)的文字提示框，并將用戶重定向回登錄頁(yè)面“070302.php”。不同情況彈出提示框如圖7-3-5所示。11．創(chuàng)建設(shè)計(jì)“070302cookie.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è)“070302cookie.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)參照源代碼的參數(shù)值設(shè)置。（4）光標(biāo)定位在表格第2行第2列，在代碼視圖鍵盤輸入源代碼，具體參照源代碼第16～23行。“070302cookie.php”動(dòng)態(tài)網(wǎng)頁(yè)如圖7-3-6所示。12．動(dòng)態(tài)網(wǎng)頁(yè)“070302cookie.php”源代碼

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="132"> </td>11<tdwidth="195"> </td>12<tdwidth="119"> </td>13</tr>14<tr>15<td> </td>16<td>17<?php18if($_COOKIE['user']=="abc"&&$_COOKIE['pass']=="abcabc"){19echo"歡迎".$_COOKIE['user']."登錄成功！";20}else{21echo"<script>alert('COOKIE已經(jīng)過期，請(qǐng)重新登錄');window.location.href='index.php';</script>";22}23?>24</td>25<td> </td>26</tr>27<tr>28<td> </td>29<td> </td>30<td> </td>31</tr>32</table>33</body>34</html>13．動(dòng)態(tài)網(wǎng)頁(yè)“070302cookie.php”關(guān)鍵代碼簡(jiǎn)要說明與解釋（1）第1～7行代碼定義了HTML文檔的基本結(jié)構(gòu)，包括文檔類型、頭部信息和主體內(nèi)容。（2）第8～32行是HTML主體部分，包含一個(gè)表格，用于顯示用戶登錄狀態(tài)。（3）第9～13行定義表格的第1行，其中包含3個(gè)單元格，留空以用于布局。（4）第14～26行定義表格的第2行，其中包含3個(gè)單元格。第2個(gè)單元格包含PHP代碼，用于判斷Cookie信息是否匹配，然后顯示相應(yīng)的內(nèi)容。（5）第17行<?php為PHP的起始標(biāo)記。（6）第18行使用條件語句檢查$_COOKIE['user']和$_COOKIE['pass']是否與預(yù)設(shè)的用戶名和密碼匹配。（7）第19～20行如果匹配，顯示歡迎消息，其中包含用戶的用戶名。第19行如果用戶名和密碼匹配，就顯示一條歡迎消息，其中包含用戶的用戶名。第20行如果用戶名和密碼不匹配，進(jìn)入這個(gè)條件分支。（8）第21～23行如果不匹配，使用JavaScript彈出一個(gè)提示框，指示Cookie已過期，請(qǐng)重新登錄，并重定向到“index.php”頁(yè)面。第21行使用JavaScript彈出一個(gè)提示框，告知用戶Cookie已過期，請(qǐng)重新登錄，并且通過window.location.href將頁(yè)面重定向到“index.php”頁(yè)面。第22行結(jié)束條件分支。第23行為PHP的結(jié)束標(biāo)記。（9）第24～26行為HTML與前面成對(duì)配合使用的相關(guān)結(jié)束語句。（10）第27～31行定義表格的第3三行，其中包含3個(gè)單元格，用于布局。（11）第33～34行結(jié)束HTML文檔。這段代碼的主要目的是檢查用戶的Cookie信息，如果Cookie中的用戶名和密碼與預(yù)設(shè)的匹配，顯示歡迎消息。如果不匹配，使用JavaScript彈出提示框并要求用戶重新登錄。這樣可以通過檢查Cookie來維護(hù)用戶的登錄狀態(tài)。1．Request基礎(chǔ)（1）Request的概念當(dāng)瀏覽網(wǎng)頁(yè)、填寫表單、點(diǎn)擊鏈接或者做其他在線操作時(shí)，實(shí)際都是在和服務(wù)器打交道進(jìn)行交互操作。這時(shí)服務(wù)器需要知道瀏覽者的需求，在PHP中，把這個(gè)需求叫做“Request”，Request是一種通信方式，與服務(wù)器間交流交互。“Request”是指客戶端（通常是瀏覽器）向服務(wù)器發(fā)送的一種請(qǐng)求，以獲取特定資源、執(zhí)行操作或與服務(wù)器進(jìn)行交互的過程，服務(wù)器會(huì)按照Request的請(qǐng)求提供所需內(nèi)容。（2）Request的作用Request在Web開發(fā)中發(fā)揮著重要作用，它能夠與服務(wù)器進(jìn)行溝通和交互，實(shí)現(xiàn)以下功能。①取內(nèi)容和數(shù)據(jù)：通過Request，可以從服務(wù)器請(qǐng)求網(wǎng)頁(yè)、圖像、文件等內(nèi)容。服務(wù)器會(huì)把所需內(nèi)容返回給請(qǐng)求者，使其可以在瀏覽器上看到這些內(nèi)容。②提交數(shù)據(jù)：當(dāng)在網(wǎng)頁(yè)上填寫表單、發(fā)布評(píng)論或者進(jìn)行其他操作時(shí)，會(huì)使用Request將數(shù)據(jù)發(fā)送給服務(wù)器。服務(wù)器會(huì)處理這些數(shù)據(jù)，比如注冊(cè)用戶、更新信息等。③交互與操作：有些網(wǎng)站需要與服務(wù)器進(jìn)行更深入的交互，比如在線購(gòu)物、查看電子郵件等。Request允許向服務(wù)器發(fā)送特定的請(qǐng)求，服務(wù)器會(huì)根據(jù)請(qǐng)求執(zhí)行相應(yīng)的操作。④狀態(tài)管理：通過Request，服務(wù)器可以管理你的狀態(tài)。比如，當(dāng)?shù)卿浘W(wǎng)站后，服務(wù)器可以使用Session來跟蹤登錄狀態(tài)，讓操作者能夠訪問個(gè)人信息。⑤權(quán)限與身份驗(yàn)證：Request還可以用于身份驗(yàn)證和授權(quán)。登錄網(wǎng)站后，服務(wù)器會(huì)通過Request中的信息驗(yàn)證登錄者的身份，并根據(jù)權(quán)限決定登錄者能夠訪問哪些內(nèi)容。⑥數(shù)據(jù)傳遞與處理：有時(shí)操作者可能需要將數(shù)據(jù)傳遞給服務(wù)器，讓服務(wù)器處理并返回結(jié)果，以便用于搜索、計(jì)算等場(chǎng)景。通過Request，可以獲取內(nèi)容，提交數(shù)據(jù)，與服務(wù)器交互，進(jìn)行管理狀態(tài)、執(zhí)行操作和身份驗(yàn)證。無論是在瀏覽網(wǎng)頁(yè)、填寫表單還是進(jìn)行在線操作，Request都在服務(wù)器后臺(tái)起著關(guān)鍵作用，實(shí)現(xiàn)各種Web應(yīng)用交互的功能。Request是連接操作者與服務(wù)器的橋梁，使得現(xiàn)代Web體驗(yàn)變得豐富而有趣，這種交互性是現(xiàn)代Web應(yīng)用的基礎(chǔ)，使得我們能夠在網(wǎng)上進(jìn)行各種活動(dòng)。（3）Request的格式和參數(shù)Request的格式和參數(shù)是由HTTP協(xié)議定義的，由以下幾部分組成。請(qǐng)求方法（Method）：表示希望服務(wù)器執(zhí)行的操作，常見的有GET、POST等。請(qǐng)求URI（UniformResourceIdentifier）：是請(qǐng)求的資源的標(biāo)識(shí)，類似于網(wǎng)址。請(qǐng)求頭部（Headers）：包含一些附加信息，比如瀏覽器類型、來源網(wǎng)址等。請(qǐng)求主體（Body）：僅在某些請(qǐng)求中出現(xiàn)，包含一些額外的數(shù)據(jù)，例如表單數(shù)據(jù)等。（4）Request的使用方法在PHP中可以通過超全局變量$_REQUEST、$_GET和$_POST來訪問Request中的數(shù)據(jù)。例如某個(gè)表單提交了名為“username”的表單字段，可以用Request獲取“username”表單字段的值，格式為$username=$_REQUEST["username"];。（5）Request的保存位置Request的數(shù)據(jù)并不是在服務(wù)器上存儲(chǔ)的，而是從WAMP的瀏覽器發(fā)送到服務(wù)器的臨時(shí)數(shù)據(jù)。服務(wù)器會(huì)根據(jù)Request中的數(shù)據(jù)來生成響應(yīng)，然后將響應(yīng)發(fā)送回WAMP的瀏覽器。（6）Request的生命周期Request的生命周期從在瀏覽器中觸發(fā)請(qǐng)求開始，到服務(wù)器處理請(qǐng)求并返回響應(yīng)結(jié)束。這個(gè)過程很短暫的，當(dāng)在瀏覽器中點(diǎn)擊某個(gè)鏈接或提交表單后，Request會(huì)立即發(fā)送給服務(wù)器，服務(wù)器迅速做出響應(yīng)，然后將所需的內(nèi)容傳回給瀏覽器，這就是常見的Request生命周期。2．Cookie基礎(chǔ)在PHP中，Cookie是一種用來在客戶端（通常是用戶的瀏覽器）和服務(wù)器之間傳遞數(shù)據(jù)的技術(shù)手段。Cookie就像是一塊小小的數(shù)據(jù)片段，可以幫助使用者訪問某個(gè)網(wǎng)站時(shí)記住用戶的一些信息、偏好和狀態(tài)。下面深入了解Cookie的定義、用途、格式、參數(shù)、使用方法、保存位置以及生命周期等。（1）Cookie的概念Cookie是一種在用戶訪問網(wǎng)站時(shí)，由服務(wù)器發(fā)送到用戶瀏覽器的小型數(shù)據(jù)文件。這個(gè)文件存儲(chǔ)在用戶瀏覽器所在的設(shè)備中，設(shè)備可以是計(jì)算機(jī)、平板電腦或手機(jī)，當(dāng)用戶再次訪問相同網(wǎng)站時(shí)，瀏覽器會(huì)將前面保存在該設(shè)備中的數(shù)據(jù)通過Coo

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論