《PHP網(wǎng)頁案例任務(wù)教程》課件 6-3 設(shè)計日志文本文件編輯與刪除動態(tài)網(wǎng)頁_第1頁
《PHP網(wǎng)頁案例任務(wù)教程》課件 6-3 設(shè)計日志文本文件編輯與刪除動態(tài)網(wǎng)頁_第2頁
《PHP網(wǎng)頁案例任務(wù)教程》課件 6-3 設(shè)計日志文本文件編輯與刪除動態(tài)網(wǎng)頁_第3頁
《PHP網(wǎng)頁案例任務(wù)教程》課件 6-3 設(shè)計日志文本文件編輯與刪除動態(tài)網(wǎng)頁_第4頁
《PHP網(wǎng)頁案例任務(wù)教程》課件 6-3 設(shè)計日志文本文件編輯與刪除動態(tài)網(wǎng)頁_第5頁
已閱讀5頁，還剩13頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

任務(wù)三設(shè)計日志文本文件編輯與刪除動態(tài)網(wǎng)頁復(fù)習(xí)知識與技能任務(wù)描述為了滿足工作需要，公司委派網(wǎng)絡(luò)信息部門的工程師小明負(fù)責(zé)設(shè)計名為“060301.php”的動態(tài)網(wǎng)頁，用于編輯和刪除日志文本文件。該網(wǎng)頁將提供以下功能：（1）瀏覽顯示：用戶可以通過網(wǎng)頁查看保存的日志文本文件內(nèi)容，以便了解工作任務(wù)的進(jìn)展情況。（2）修改編輯：用戶可以在網(wǎng)頁上對日志文本文件進(jìn)行修改和編輯操作，可以添加、刪除或更新日志條目，以便準(zhǔn)確記錄和反映工作進(jìn)展。（3）刪除操作：用戶可以選擇要刪除的特定日志條目，網(wǎng)頁將提供刪除功能，使用戶能夠輕松地從日志文本文件中刪除不再需要的內(nèi)容。工程師小明將使用適當(dāng)?shù)木幊陶Z言和技術(shù)來實現(xiàn)這個動態(tài)網(wǎng)頁。他將確保網(wǎng)頁具有友好的用戶界面和良好的用戶體驗，使用戶能夠輕松地瀏覽、編輯和刪除日志文本文件。此外，小明還將考慮安全性問題，確保只有經(jīng)過授權(quán)的用戶才能訪問和修改日志文件。通過這個動態(tài)網(wǎng)頁，部門經(jīng)理和其他相關(guān)人員將能夠方便地管理日志文本文件，記錄工作進(jìn)展并及時更新。這將有助于提高工作效率、促進(jìn)團(tuán)隊協(xié)作，并確保日志文件的準(zhǔn)確性和完整性?！?60301.php”動態(tài)網(wǎng)頁如圖6-3-1所示。任務(wù)分析根據(jù)提供的源代碼和任務(wù)描述，可以看出整個任務(wù)涉及設(shè)計和開發(fā)一系列動態(tài)網(wǎng)頁，用于編輯和刪除日志文本文件。工程師小明將按照模塊來進(jìn)行任務(wù)分析和描述。“060301.php”動態(tài)網(wǎng)頁主要有三個功能：（1）第一個功能是打開顯示選擇的公司日志文本文件內(nèi)容，主要用于瀏覽和顯示公司日志文本文件。頁面包括下拉列表，顯示可選的日志文件。用戶可以選擇日志文件并點擊“打開顯示選中的公司日志文本文件”按鈕來顯示選中的日志文件的內(nèi)容。選中的日志文件的內(nèi)容將以文本框的形式顯示在頁面上。（2）第二個功能是對打開顯示的公司日志文本文件內(nèi)容進(jìn)行修改，并通過“保存”按鈕來保存文件，主要用于選擇要編輯的公司日志文本文件。在下拉列表選擇顯示可選的日志文件，對打開選中的日志文件進(jìn)行編輯修改，修改之后可以點擊“保存更改”按鈕來保存結(jié)果。用戶點擊“保存”按鈕后，網(wǎng)頁將更新選中的日志文件，并顯示保存成功的消息。（3）第三個功能就是對選擇的公司日志文本文件進(jìn)刪除。任務(wù)分析細(xì)化的任務(wù)分析如下。1．“060301.php”動態(tài)網(wǎng)頁（1）顯示可選的公司日志文本文件列表。（2）提供下拉列表供用戶選擇要打開和顯示的日志文件。（3）用戶選擇日志文件后，點擊按鈕以打開并顯示選中的日志文件的內(nèi)容。（4）頁面上顯示選中的日志文件的內(nèi)容，以文本框的形式呈現(xiàn)。2．“060302.php”動態(tài)網(wǎng)頁（1）顯示可選的公司日志文本文件列表。（2）提供下拉列表供用戶選擇要編輯的日志文件。（3）用戶選擇日志文件后，點擊按鈕以打開選中的日志文件進(jìn)行編輯。（4）頁面跳轉(zhuǎn)到“060302-open.php”動態(tài)網(wǎng)頁，并將選中的日志文件的內(nèi)容傳遞給該頁面。3．“060302-open.php”動態(tài)網(wǎng)頁通過動態(tài)網(wǎng)頁的設(shè)計和交互，用戶可以方便地瀏覽、編輯和保存公司的日志文本文件。用戶可以按照自己的需求選擇執(zhí)行相應(yīng)的操作，這樣設(shè)計使得日志文件的管理更加高效和靈活，提升了工作效率和數(shù)據(jù)準(zhǔn)確性。1．準(zhǔn)備工作按照網(wǎng)站規(guī)劃參數(shù)進(jìn)行配置。Web站點路徑：C:\phpweb。Web測試IP地址：127.0.0.1。Web測試端口號：8899。參照項目一中任務(wù)一、任務(wù)二、任務(wù)三，配置并啟動WAMP環(huán)境，配置好Dreamweaver網(wǎng)站環(huán)境，如果已經(jīng)配置并啟動WAMP環(huán)境、Dreamweaver網(wǎng)站環(huán)境，本步驟可以略過。2．創(chuàng)建設(shè)計“060301.php”動態(tài)網(wǎng)頁（1）鼠標(biāo)單擊“開始”→“動態(tài)網(wǎng)頁”啟動Dreamweaver軟件，單擊“文件”菜單，單擊“新建”創(chuàng)建PHP動態(tài)網(wǎng)頁“060301.php”。（2）輸入網(wǎng)頁標(biāo)題“打開顯示選中的公司日志文本文件”。（3）參照圖6-3-1，從Web目錄的文件夾image中選擇插入圖片700.jpg，修改圖片700.jpg默認(rèn)寬度750，鍵盤輸入組合鍵“Shift+Enter”換行，再從文件夾image選擇插入圖片602.gif。（4）在兩張圖片之間，鍵盤輸入組合鍵“Shift+Enter”換行，鍵盤輸入文字“打開顯示選中的公司日志文本文件”，選擇輸入的文字設(shè)置為標(biāo)題1格式<h1></h1>，鍵盤輸入組合鍵“Shift+Enter”換行。（5）插入form表單，<formaction="060301test03.php"method="post">表單屬性見源代碼第10行。（6）在表單中插入select控件，屬性類型為列表，<selectname="templ"size="1">屬性name為“temp1”、size高度為“1”，見源代碼第11行。（7）控件<select></select>中需要鍵盤輸入一段PHP源代碼，見源代碼第12～18行。（8）在select控件后，鍵盤輸入組合鍵“Shift+Enter”換行，見源代碼第20行。（9）插入表單按鈕控件，<inputname="open"type="submit"value="打開顯示選中的公司日志文本文件">屬性見源代碼第21行。（10）鍵盤輸入組合鍵“Shift+Enter”換行，見源代碼第22行。（11）鍵盤輸入PHP源代碼，見源代碼第23～47行。（12）插入隱藏表單控件<inputtype="hidden"name="selected_file_hidden"value="<?phpecho$file;?>">，屬性值見源代碼第48行。（13）插入表單<textarea>控件，設(shè)置為50個字符寬，設(shè)置為6行高，詳細(xì)屬性見源代碼第49行。（14）鍵盤輸入組合鍵“Shift+Enter”換行，見源代碼第50行。設(shè)置h2標(biāo)題格式，鍵盤輸入文字“打開顯示選中的公司日志文本文件是：<?phpecho$file;?>”，見源代碼第51～52行。（15）鍵盤輸入PHP源代碼，見源代碼第53～57行。3．設(shè)計“060301.php”動態(tài)網(wǎng)頁1<!doctypehtml>2<html>3<head>4<metacharset="utf-8">5<title>打開顯示選中的公司日志文本文件</title>6</head>7<body>8<imgsrc="/image/601.jpg"width="747"height="236">9<h1>打開顯示選中的公司日志文本文件</h1>10<formaction="060301.php"method="post">11<selectname="templ"size="1">12<?php13//遍歷當(dāng)前文件夾中所有的文本文件，并在下拉列表中顯示文件名14foreach(glob(dirname(__FILE__).'/*.txt')as$filename){15$filename=basename($filename);16echo"<optionvalue='".$filename."'>".$filename."</option>";17}18?>19</select>20<br>21<inputname="open"type="submit"value="打開顯示選中的公司日志文本文件">22<br>23<?php24if(isset($_POST['open'])||isset($_POST['save'])||isset($_POST['delete'])){25if(isset($_POST['templ'])){26$file=$_POST['templ'];//獲取選擇的文件27//存儲選中的文件名到隱藏字段28echo'<inputtype="hidden"name="selected_file"value="'.$file.'">';29if(isset($_POST['save'])&&isset($_POST['content'])){30//保存對文件的更改31$content=str_replace("\r\n","\n",$_POST['content']);//去除文本中的\r，保留\n32file_put_contents($_POST['selected_file'],$content);//將修改后的內(nèi)容寫回文件33echo"<p>文件".$_POST['selected_file']."已成功保存。</p>";34}elseif(isset($_POST['delete'])){35//刪除選中的文件36unlink($_POST['selected_file']);//從服務(wù)器上刪除文件37//使用JavaScript彈出提示框38echo'<script>alert("文件'.$_POST['selected_file'].'已成功刪除。");</script>';39}40//讀取文件內(nèi)容41$nnn="";42$cbody=file($file);43for($i=0;$i<count($cbody);$i++){44$nnn=$nnn.$cbody[$i]."\n";//顯示文本內(nèi)容時保留換行符45}46}47?>48<inputtype="hidden"name="selected_file_hidden"value="<?phpecho$file;?>">49<textareacols="50"rows="6"name="content"><?phpecho$nnn;?></textarea>50<br>51<h2>打開顯示選中的公司日志文本文件是：<?phpecho$file;?></h2>52<!--使用PHP變量顯示保存和刪除按鈕的文件名-->53<?phpif(isset($file)){?>54<!--設(shè)置按鈕為type="submit"-->55<buttontype="submit"name="save">保存更改(<?phpecho$file;?>)</button>56<buttontype="submit"name="delete">刪除文件(<?phpecho$file;?>)</button>57<?php}}?>58</form>59<imgsrc="/image/602.gif"width="750"height="80">60</body>61</html>4．代碼簡要說明與解釋（1）第1～7行代碼定義了HTML文檔的基本結(jié)構(gòu)，其中<meta>元素指定了字符編碼為utf-8，確保在顯示和處理文本時不會出現(xiàn)亂碼問題。<title>元素設(shè)置了頁面的標(biāo)題，這將在瀏覽器的標(biāo)簽頁上顯示。（2）第8～9行通過<img>元素插入圖片。（3）第10～19行是表單<form>標(biāo)簽，action屬性指向自身“060301.php”，意味著當(dāng)用戶點擊提交按鈕時，表單將提交到相同的頁面。<form>標(biāo)簽內(nèi)包含下拉列表<select>，用于顯示當(dāng)前目錄中所有以.txt結(jié)尾的文本文件的文件名，其中的下拉列表使用PHP代碼動態(tài)生成。通過glob()函數(shù)，代碼遍歷了當(dāng)前PHP腳本所在文件夾中的所有txt文本文件，這樣使用glob（函數(shù)就獲?。┠夸浿械奈谋疚募⑺鼈冎饌€顯示在下拉列表中的選項<option>標(biāo)簽內(nèi)，文本文件名就作為選項顯示在下拉列表中。（4）第20行插入了換行，用于在頁面上增加一些垂直間距，以提高排版的可讀性。（5）第21行插入了提交按鈕<input>，type="submit"，標(biāo)簽顯示為“打開顯示選中的公司日志文本文件”。當(dāng)用戶點擊這個按鈕時，將會提交表單并觸發(fā)相關(guān)的后臺操作，這些操作將顯示所選文件的內(nèi)容，同時也會觸發(fā)編輯、保存或刪除功能。當(dāng)用戶點擊該按鈕時，表單將被提交。（6）第22行插入了換行，以進(jìn)一步增加排版的可讀性。（7）第23行使用了<?php>標(biāo)簽，將PHP代碼的起始標(biāo)記放置在此處，表明后續(xù)代碼是PHP代碼塊。（8）第24～39行是PHP代碼塊，用于處理表單的提交。首先檢查表單是否被提交（用戶點擊了某個按鈕）。然后檢查是否選擇了文件，如果是，則執(zhí)行相應(yīng)的操作。如果用戶點擊了“保存更改”按鈕，并且表單中包含“content”字段（文本區(qū)域，<textarea>標(biāo)簽），則將$_POST['content']的內(nèi)容存儲在$content變量中，并將修改后的內(nèi)容寫回到選中的文件中。如果用戶點擊了“刪除文件”按鈕，則從服務(wù)器上刪除選中的文件。第24行通過檢查$_POST數(shù)組中是否存在提交按鈕的鍵名（open、save或delete），來判斷用戶是否執(zhí)行了操作。（9）第25～26行檢查是否存在$_POST['templ']，即用戶在下拉列表中所選擇的文件名。如果有文件名被選中，將該文件名存儲在變量$file中，以便后續(xù)使用。（10）第28行將選中的文件名作為隱藏字段的值嵌入表單。這么做是為了在后續(xù)提交表單時，能夠在服務(wù)器端獲取所選文件的信息。（11）第29～34行如果用戶點擊了“保存”按鈕并且在文本區(qū)域中輸入了內(nèi)容，則將進(jìn)行文件保存操作。首先，代碼會檢查$_POST['save']和$_POST['content']是否存在，這表示用戶想要保存文件。然后，將$_POST['content']中的內(nèi)容寫入所選的文件中，以實現(xiàn)文件的編輯和保存。同時，在頁面上顯示一條成功保存的消息。（12）第35～39行如果用戶點擊了“刪除”按鈕，則進(jìn)行文件刪除操作。代碼通過unlink()函數(shù)刪除了$_POST['selected_file']所指定的文件，并在頁面上使用JavaScript彈出提示框，告知用戶文件刪除成功。（13）第40～46行如果存在選中的文件名（$file），則會讀取該文件的內(nèi)容并將其存儲在變量$nnn中。通過逐行讀取文件內(nèi)容并保留每行的換行符，實現(xiàn)將文件內(nèi)容在頁面上顯示的功能。（14）第48行是隱藏字段<input>，用于存儲選中的文件名，這樣可以在后續(xù)的表單提交中繼續(xù)使用。（15）第49行是文本區(qū)域<textarea>，用于顯示選中文件的內(nèi)容。文本區(qū)域的內(nèi)容是$nnn，即選中文件的內(nèi)容。（16）第51行是標(biāo)題<h2>，用于顯示當(dāng)前選中的文件名。（17）第53～57行是PHP代碼塊，用于在選中文件時顯示兩個按鈕行用于保存修改后的內(nèi)容，另用于刪除選中的文件。（18）第58行結(jié)束表單</form>。（19）第59行插入圖片，src屬性指向"/image/602.gif"，設(shè)置圖片寬、高為750×80像素。（20）第60～61行結(jié)束body和html標(biāo)簽。060301.php動態(tài)網(wǎng)頁表單中包含下拉菜單，用來顯示默認(rèn)文件夾中的所有文本日志文件列表，可以選擇其中文本日志文件，單擊按鈕后在文本框中顯示其內(nèi)容。頁面允許用戶編輯日志文件內(nèi)容后，將更改內(nèi)容保存回選擇的文本文件中，或者刪除選擇文本文件。代碼使用PHP來處理表單提交、讀寫文件內(nèi)容和執(zhí)行文件刪除。在成功刪除文件時，頁面使用JavaScript彈出提示框。這樣，用戶可以方便地管理這些日志文件?？傊緞討B(tài)網(wǎng)頁的核心功能是根據(jù)用戶的操作請求，執(zhí)行對選擇的文本文件進(jìn)行打開、編輯、保存和刪除等操作，并在頁面上給予相應(yīng)的文字提示與反饋。1．函數(shù)glob()glob()函數(shù)是用來在文件系統(tǒng)中查找文件的，假設(shè)文件名描述如*.txt，函數(shù)會搜索符合這個描述的文件，并返回文件名列表，供進(jìn)一步處理。通俗地說該函數(shù)就像是你在文件夾里尋找文件，你告訴函數(shù)描述如“*.txt”，函數(shù)會找到所有符合這個描述的文件，并返回文件名的列表。格式：glob(pattern,flags)參數(shù)：pattern為要匹配的模式，可以包含通配符，用于指定文件名或路徑的模式。flags（可選）為可選的標(biāo)志參數(shù)，用于修改glob()函數(shù)的行為。常用的標(biāo)志包括GLOB_MARK（在目錄后面添加斜杠）和GLOB_ONLYDIR（只返回目錄項）等。用法：glob()函數(shù)將返回數(shù)組，包含所有匹配模式的文件路徑?？梢栽趂oreach循環(huán)中遍歷這個數(shù)組，獲取每個文件的路徑。2．函數(shù)basename()basename()函數(shù)用于從完整的文件路徑中提取文件名，將完整的路徑作為參數(shù)傳遞給這個函數(shù)，函數(shù)會剝離路徑部分，只返回文件名部分。例如，你告訴函數(shù)完整的文件名路徑“/文件夾/文檔.txt”，函數(shù)就會返回文件名“文檔.txt”。格式：basename(path,suffix)參數(shù)：path為要提取文件名的路徑。suffix（可選）為要刪除的后綴。用法：basename()函數(shù)用于從路徑中提取文件名。可以通過傳遞可選的suffix參數(shù)來刪除指定的后綴，返回提取的文件名。3．文件操作函數(shù)file_put_contents()file_put_contents()函數(shù)用于將數(shù)據(jù)寫入文件，如提供文件名和要寫入的內(nèi)容，函數(shù)會將內(nèi)容寫入文件，如文件不存在，函數(shù)會創(chuàng)建新文件。通俗地說這個函數(shù)就像是你在文件上寫東西，你告訴函數(shù)文件名和內(nèi)容，函數(shù)會幫你把內(nèi)容寫進(jìn)文件里，如果文件不存在，函數(shù)會幫你創(chuàng)建新文件。格式：file_put_contents(filename,data,

溫馨提示

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

最新文檔

評論

0/150

提交評論