Web程序設(shè)計(jì)（第2版） 電子教案 25-1212 任務(wù)三設(shè)計(jì)日志文本文件編輯與刪除網(wǎng)頁程序

教案課程名稱：動(dòng)態(tài)網(wǎng)頁制作（Web程序設(shè)計(jì)）0課題：任務(wù)三設(shè)計(jì)日志文本文件編輯與刪除網(wǎng)頁程序0課時(shí)：2課時(shí)0主講教師：某某某教師0學(xué)校：某某某學(xué)校0日期：2019年12月12日0

教案教學(xué)對(duì)象某學(xué)校某專業(yè)授課日期2019年12月12日使用教材Web程序設(shè)計(jì)（第二版）出版單位電子工業(yè)出版社課題任務(wù)三設(shè)計(jì)日志文本文件編輯與刪除網(wǎng)頁程序計(jì)劃學(xué)時(shí)2學(xué)時(shí)教學(xué)目標(biāo)能運(yùn)用FileStream類設(shè)計(jì)創(chuàng)建日志文本文件網(wǎng)頁程序知識(shí)目標(biāo)：FileStream類技能目標(biāo)：掌握運(yùn)用FileStream類設(shè)計(jì)創(chuàng)建日志文本文件的技能。態(tài)度目標(biāo)：端正態(tài)度，配合伙伴完成任務(wù)。德育目標(biāo)：養(yǎng)成良好的團(tuán)隊(duì)協(xié)作精神，學(xué)會(huì)彼此配合協(xié)作完成項(xiàng)目任務(wù)，成果分享。教學(xué)重點(diǎn)難點(diǎn)重點(diǎn)：完成日志文本文件編輯與刪除網(wǎng)頁程序任務(wù)，掌握配套技能。難點(diǎn)：完成日志文本文件編輯與刪除網(wǎng)頁程序任務(wù)，熟練掌握配套技能。教學(xué)設(shè)計(jì)說明1、教學(xué)內(nèi)容以崗位工作任務(wù)出現(xiàn)，為學(xué)生將來快速融入崗位工作打基礎(chǔ)。2、教學(xué)重點(diǎn)是培養(yǎng)學(xué)生熟練的操作技能。3、通過訓(xùn)練與強(qiáng)調(diào)，突破關(guān)鍵點(diǎn)。4、訓(xùn)練結(jié)束后，接軌企業(yè)實(shí)際，施工任務(wù)單技術(shù)歸檔的填寫，是崗位標(biāo)準(zhǔn)化技能訓(xùn)練的一部分。教學(xué)活動(dòng)流程教學(xué)步驟與內(nèi)容教學(xué)組織形式教學(xué)方法達(dá)成目標(biāo)1、新課導(dǎo)入復(fù)習(xí)：數(shù)據(jù)庫自動(dòng)備份與還原導(dǎo)入新課：任務(wù)二設(shè)計(jì)查看日志文本文件網(wǎng)頁程序以提問的方式展開與學(xué)生的互動(dòng)，引出本課堂教學(xué)內(nèi)容。項(xiàng)目串聯(lián)教學(xué)法通過復(fù)習(xí)，回憶表單與循環(huán)語句。2、講解示范任務(wù)描述程序編寫工作過程中不僅需要建立保存日志文本文件，還需要對(duì)日志文本文件瀏覽顯示，隨著工作任務(wù)的推進(jìn)，還需要對(duì)日志文本文件進(jìn)行修改編輯、刪除操作。部門依照工作需要，布置了修改編輯與刪除日志文本文件操作網(wǎng)頁程序設(shè)計(jì)的工作任務(wù)，根據(jù)任務(wù)需求網(wǎng)絡(luò)信息部門小明工程師設(shè)計(jì)060301.aspx編輯、刪除日志網(wǎng)頁程序。

任務(wù)分析經(jīng)過對(duì)任務(wù)需求的仔細(xì)商討，小明工程師迅速通過圖書館、互聯(lián)網(wǎng)查找資料，確定利用FileStream、FileMode.Create、FileAccess.Write、StreamWriter、WriteLine技術(shù)進(jìn)行代碼設(shè)計(jì)，可以通過代碼程序在網(wǎng)頁中實(shí)現(xiàn)對(duì)日志文本文件編輯、刪除等功能，設(shè)計(jì)060301.aspx網(wǎng)頁程序用到的控件和屬性。1教師做中教2學(xué)生做中學(xué)3運(yùn)用多媒體教學(xué)手段4輔助教學(xué)運(yùn)用VMware虛擬機(jī)技術(shù)與真實(shí)環(huán)境相結(jié)合項(xiàng)目串聯(lián)教學(xué)法控件與控件屬性按照要求設(shè)計(jì)出網(wǎng)頁與程序3、操作訓(xùn)練安排學(xué)生按照施工任務(wù)訓(xùn)練，掌握相關(guān)技能。通過任務(wù)三設(shè)計(jì)日志文本文件編輯與刪除網(wǎng)頁程序，完成任務(wù)三設(shè)計(jì)日志文本文件編輯與刪除網(wǎng)頁程序的工作任務(wù)，來學(xué)習(xí)相關(guān)文件類的技能方法，實(shí)現(xiàn)日志文本文件編輯與刪除網(wǎng)頁程序。填寫施工技術(shù)文檔，培養(yǎng)企業(yè)崗位真實(shí)工作場(chǎng)景。1教師做中教2學(xué)生做中學(xué)3運(yùn)用多媒體教學(xué)手段4輔助教學(xué)運(yùn)用VMware虛擬機(jī)技術(shù)與真實(shí)環(huán)境相結(jié)合項(xiàng)目串聯(lián)教學(xué)法通過任務(wù)訓(xùn)練使學(xué)生掌握控件與屬性，掌握運(yùn)用控件的技能方法4、課堂小結(jié)\教師點(diǎn)評(píng)對(duì)項(xiàng)目任務(wù)完成過程中情況回顧，強(qiáng)調(diào)本次課程重點(diǎn)，問題關(guān)鍵點(diǎn)強(qiáng)調(diào)。利用多媒體等手段，強(qiáng)調(diào)知識(shí)與技能要點(diǎn)進(jìn)行總結(jié)，并布置課后的作業(yè)內(nèi)容。全體

講授對(duì)項(xiàng)目任務(wù)完成過程中情況回顧，強(qiáng)調(diào)本次課程重點(diǎn)，問題關(guān)鍵點(diǎn)強(qiáng)調(diào)。課外作業(yè)DirectoryInfo(String)構(gòu)造函數(shù)功能：通過DirectoryInfo對(duì)指定___________，實(shí)現(xiàn)__________________功能，為后續(xù)程序代碼做好準(zhǔn)備工作。教學(xué)回顧通過本次課，能熟悉相關(guān)概念，培養(yǎng)學(xué)生動(dòng)手操作能力以及完成任務(wù)過程中遇到問題、思考問題和解決問題的能力；培養(yǎng)學(xué)生正確認(rèn)識(shí)本門課程學(xué)習(xí)的意義及遵守行業(yè)規(guī)范的職業(yè)道德規(guī)范和綜合職業(yè)素養(yǎng)。

任務(wù)三設(shè)計(jì)日志文本文件編輯與刪除網(wǎng)頁程序

任務(wù)描述程序編寫工作過程中不僅需要建立保存日志文本文件，還需要對(duì)日志文本文件瀏覽顯示，隨著工作任務(wù)的推進(jìn)，還需要對(duì)日志文本文件進(jìn)行修改編輯、刪除操作。部門依照工作需要，布置了修改編輯與刪除日志文本文件操作網(wǎng)頁程序設(shè)計(jì)的工作任務(wù)，根據(jù)任務(wù)需求網(wǎng)絡(luò)信息部門小明工程師設(shè)計(jì)060301.aspx編輯、刪除日志網(wǎng)頁程序，如圖7-3-1所示：圖7-3-1060301.aspx設(shè)計(jì)視圖

任務(wù)分析經(jīng)過對(duì)任務(wù)需求的仔細(xì)商討，小明工程師迅速通過圖書館、互聯(lián)網(wǎng)查找資料，確定利用FileStream、FileMode.Create、FileAccess.Write、StreamWriter、WriteLine技術(shù)進(jìn)行代碼設(shè)計(jì)，可以通過代碼程序在網(wǎng)頁中實(shí)現(xiàn)對(duì)日志文本文件編輯、刪除等功能，設(shè)計(jì)060301.aspx網(wǎng)頁程序用到的控件和屬性，如表7-3-1所示：表7-3-1控件屬性說明Label1ID="Label1"Text="Label1"Label4ID="Label4"Text="Label4"Label2ID="Label2"Text="Label2"ID="DropDownList1"AutoPostBack="True"下拉列表顯示日志文本文件Button1ID="Button1"Text="打開選中的公司日志文本文件"Button3ID="Button3"Text="刪除選中文本文件"刪除選中文本文件Label3ID="Label3"Text="Label3"顯示提示信息TextBox1Height="200px"TextMode="MultiLine"Width="545px"顯示打開的文本文件內(nèi)容Button2ID="Button2"Text="修改后請(qǐng)保存"日志修改完成后保存任務(wù)三設(shè)計(jì)日志文本文件編輯與刪除網(wǎng)頁程序簡(jiǎn)易流程圖方法和步驟 START1．設(shè)計(jì)060301.aspx網(wǎng)頁程序。單擊“開始、程序、MicrosoftVisualStudio2010”啟動(dòng)MicrosoftVisualStudio2010，單擊菜單“文件、新建網(wǎng)站”，顯示“新建網(wǎng)站”對(duì)話框，在已安裝的模板處選擇“VisualC#”單擊，在右側(cè)“ASP.NET空網(wǎng)站”處單擊，在下方Web位置處選擇“文件系統(tǒng)”，在右側(cè)輸入“c:\0603”后，單擊“確定”按鈕。在“解決方案資源管理器中”右擊，在快捷菜單中單擊“添加新項(xiàng)”，單擊“VisualC#”，單擊“Web窗體”，在名稱處輸入“060301.aspx”，單擊“添加”按鈕。單擊“設(shè)計(jì)”進(jìn)入設(shè)計(jì)視圖，如圖7-3-1所示，輸入“”，回車換行。輸入“”文字，鼠標(biāo)在工具箱“標(biāo)準(zhǔn)”中雙擊“Label”插入控件Label1回車換行。輸入“”文字，鼠標(biāo)在工具箱“標(biāo)準(zhǔn)”中雙擊“Label”插入控件，參照表7-3-1修改相關(guān)屬性為L(zhǎng)abel4回車換行。輸入“”文字，鼠標(biāo)在工具箱“標(biāo)準(zhǔn)”中雙擊“Label”插入控件，參照表7-3-1修改相關(guān)屬性為L(zhǎng)abel2回車換行。輸入“”文字，鼠標(biāo)在工具箱“標(biāo)準(zhǔn)”中雙擊“DropDownList”插入DownList11控件回車換行。鼠標(biāo)在工具箱“標(biāo)準(zhǔn)”中雙擊“Button”插入控件Button1，參照表7-3-1修改相關(guān)屬性，對(duì)Button1按鈕控件Text屬性中輸入“”，輸入空格，鼠標(biāo)在工具箱“標(biāo)準(zhǔn)”中雙擊“Button”插入控件，參照表7-3-1修改相關(guān)屬性：ID="Button3"Text="刪除選中文本文件"，回車換行。鼠標(biāo)在工具箱“標(biāo)準(zhǔn)”中雙擊“TextBox”插入控件TextBox1回車，對(duì)控件TextBox1屬性修改文本框的高為Height="200px"、類型改為多行TextMode="MultiLine"、寬為Width="545px"。鼠標(biāo)在工具箱“標(biāo)準(zhǔn)”中雙擊“Button”插入控件，參照表7-3-1修改相關(guān)屬性：ID="Button2"Text="修改后請(qǐng)保存"。060301.aspx網(wǎng)頁程序源代碼如下：01<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="060301.aspx.cs"Inherits="_060301"%>02<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">03<htmlxmlns="/1999/xhtml">04<headrunat="server">05<title>公司W(wǎng)eb系統(tǒng)設(shè)計(jì)日志文本文件編輯與刪除</title>06</head>07<body>08<formid="form1"runat="server">09<div>10<imgalt=""class="style1"src="601.gif"/><br/>11<b>公司W(wǎng)eb系統(tǒng)設(shè)計(jì)日志文本文件編輯與刪除</b><br/><br/>12公司系統(tǒng)日志文件所在文件夾的物理路徑為：<asp:LabelID="Label1"runat="server"Text="Label1"></asp:Label><br/>13以相對(duì)路徑顯示調(diào)用的網(wǎng)頁程序名稱為：<asp:LabelID="Label4"runat="server"Text="Label4"></asp:Label><br/>14當(dāng)前網(wǎng)站日志txt文件夾中共有文本文件數(shù)量為：<asp:LabelID="Label2"runat="server"Text="Label2"></asp:Label><br/><br/>15請(qǐng)選擇日志文件：<asp:DropDownListID="DropDownList1"runat="server"AutoPostBack="True"OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList><br/>16<asp:ButtonID="Button1"runat="server"OnClick="Button1_Click"Text="打開選中的公司日志文本文件"/>17<asp:ButtonID="Button3"runat="server"OnClick="Button3_Click"Text="刪除選中文本文件"/><br/>18內(nèi)容：<asp:LabelID="Label3"runat="server"Text="Label3"></asp:Label><br/>19<asp:TextBoxID="TextBox1"runat="server"Height="200px"TextMode="MultiLine"Width="545px"></asp:TextBox><br/>20<asp:ButtonID="Button2"runat="server"OnClick="Button2_Click"Text="修改后請(qǐng)保存"/><br/>21<imgalt=""class="style2"src="602.gif"/></div>22</form>23</body>24</html>2．060301.aspx.cs網(wǎng)頁程序源代碼在060301.aspx設(shè)計(jì)視圖中雙擊Button1按鈕控件進(jìn)入060301.aspx.cs程序代碼編輯模式，參照源代碼：輸入其中protectedvoidPage_Load(objectsender,EventArgse)見代碼編號(hào)07-25行。輸入其中protectedvoidButton1_Click(objectsender,EventArgse)見代碼編號(hào)26-40行。在060301.aspx設(shè)計(jì)視圖中雙擊Button2按鈕控件進(jìn)入060301.aspx.cs程序代碼編輯模式，參照源代碼：輸入其中protectedvoidButton2_Click(objectsender,EventArgse)見代碼編號(hào)41-52行。在060301.aspx設(shè)計(jì)視圖中雙擊Button3按鈕控件進(jìn)入060301.aspx.cs程序代碼編輯模式，參照源代碼：輸入其中protectedvoidButton3_Click(objectsender,EventArgse)見代碼編號(hào)53-72行。在060301.aspx設(shè)計(jì)視圖中雙擊DropDownList1進(jìn)入060301.aspx.cs程序代碼編輯模式，參照源代碼：輸入其中protectedvoidButton3_Click(objectsender,EventArgse)見代碼編號(hào)73-78行。01usingSystem;02usingSystem.IO;03usingSystem.Text;0405publicpartialclass_060301:System.Web.UI.Page06{07protectedvoidPage_Load(objectsender,EventArgse)08{09if(!IsPostBack)10{11Label1.Text="";Label2.Text="";Label3.Text="";//初始化三個(gè)Label控件Text值為空12stringpathName=Server.MapPath("~/txt/");//返回與Web服務(wù)器上txt文本文件所在文件夾虛擬路徑相對(duì)應(yīng)的物理路徑。13Directory.SetCurrentDirectory(pathName);//將txt文本文件所在文件夾設(shè)置為當(dāng)前目錄。14Label1.Text=Directory.GetCurrentDirectory();//在網(wǎng)頁界面上通過Label1.Text顯示出txt文本文件所在文件夾的物理路徑。15Label4.Text=Server.HtmlEncode(Request.CurrentExecutionFilePath);16DirectoryInfodir=newDirectoryInfo(pathName);17FileInfo[]fileList=dir.GetFiles();//獲得該文件夾中的文本文件列表18DropDownList1.DataSource=fileList;//為控件設(shè)置數(shù)據(jù)源，設(shè)置將文件列表關(guān)聯(lián)到DropDownList1控件19DropDownList1.DataTextField="Name";//獲取或設(shè)置為列表項(xiàng)提供文本內(nèi)容的數(shù)據(jù)源字段。20DropDownList1.DataValueField="Name";//獲取或設(shè)置為各列表項(xiàng)提供值的數(shù)據(jù)源字段。21DropDownList1.DataBind();//將數(shù)據(jù)源綁定到被調(diào)用的DropDownList控件22intiii=dir.GetFiles().Length;//獲取txt日志文件夾中文件數(shù)量23Label2.Text=iii+"個(gè)。";24}25}26protectedvoidButton1_Click(objectsender,EventArgse)27{28stringfileName=DropDownList1.SelectedItem.ToString();29FileStreamfs=newFileStream(Server.MapPath("~/txt/")+fileName,FileMode.Open,FileAccess.Read);//在指定的路徑、讀取指定的文件。path當(dāng)前FileStream創(chuàng)建文件的相對(duì)路徑或絕對(duì)路徑。FileMode.Open讀取文件模式。FileAccess.Read文件讀訪問,可將數(shù)據(jù)從文件讀出。30StreamReadersr=newStreamReader(fs,Encoding.Default);//確定編碼及默認(rèn)緩沖區(qū)大小，為文件保存初始化31TextBox1.Text="";//初始化TextBox1.Text內(nèi)容為空32stringstrline=sr.ReadLine();//讀取文本內(nèi)容第一行33while(strline!=null)//判斷是否為空，為空表示文本內(nèi)容讀取結(jié)束。34{35TextBox1.Text+=strline+"\r\n";//通過循環(huán)把文本內(nèi)容每一行+換行符鏈接為一個(gè)整體，在TextBox1中顯示。36strline=sr.ReadLine();//讀取每一行37}38sr.Close();//關(guān)閉StreamReader39fs.Close();//關(guān)閉FileStream40}41protectedvoidButton2_Click(objectsender,EventArgse)42{43stringneirong=TextBox1.Text.ToString();44stringtxtname=DropDownList1.SelectedItem.ToString();45FileStreamfs=newFileStream(Server.MapPath("txt/")+"\\"+txtname,FileMode.Create,FileAccess.Write);//在指定的路徑、創(chuàng)建文件。path當(dāng)前FileStream創(chuàng)建文件的相對(duì)路徑或絕對(duì)路徑。FileMode.Create確定打開或創(chuàng)建文件。FileAccess.Write文件寫訪問,可將數(shù)據(jù)寫入文件。46StreamWritersw=newStreamWriter(fs,Encoding.Default);//確定編碼及默認(rèn)緩沖區(qū)大小，為文件保存初始化47sw.WriteLine(neirong);//保存文本文件48sw.Flush();//保存文本后清理緩沖區(qū)49sw.Close();//關(guān)閉當(dāng)前的StreamWriter對(duì)象和基礎(chǔ)流。50Label3.ForeColor=System.Drawing.Color.Red;//設(shè)置文字顯示顏色為紅色51Label3.Text="(保存日志文本文件："+DropDownList1.SelectedItem.ToString()+"成功！)";//紅色顯示保存日志成功信息52}53protectedvoidButton3_Click(objectsender,EventArgse)54{55stringtxtname=DropDownList1.SelectedItem.ToString();56stringdeltxt=Server.MapPath("~/txt/")+txtname;57File.Delete(deltxt);58stringpathName=Server.MapPath("~/txt/");//返回與Web服務(wù)器上txt文本文件所在文件夾虛擬路徑相對(duì)應(yīng)的物理路徑。59Directory.SetCurrentDirectory(pathName);//將txt文本文件所在文件夾設(shè)置為當(dāng)前目錄。60DirectoryInfodir=newDirectoryInfo(pathN