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

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

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

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

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

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

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

任務(wù)分析經(jīng)過對任務(wù)需求的仔細商討，小明工程師迅速通過圖書館、互聯(lián)網(wǎng)查找資料，確定利用FileStream、FileMode.Create、FileAccess.Write、StreamWriter、WriteLine技術(shù)進行代碼設(shè)計，可以通過代碼程序在網(wǎng)頁中實現(xiàn)對日志文本文件編輯、刪除等功能，設(shè)計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="修改后請保存"日志修改完成后保存任務(wù)三設(shè)計日志文本文件編輯與刪除網(wǎng)頁程序簡易流程圖方法和步驟 START1．設(shè)計060301.aspx網(wǎng)頁程序。單擊“開始、程序、MicrosoftVisualStudio2010”啟動MicrosoftVisualStudio2010，單擊菜單“文件、新建網(wǎng)站”，顯示“新建網(wǎng)站”對話框，在已安裝的模板處選擇“VisualC#”單擊，在右側(cè)“ASP.NET空網(wǎng)站”處單擊，在下方Web位置處選擇“文件系統(tǒng)”，在右側(cè)輸入“c:\0603”后，單擊“確定”按鈕。在“解決方案資源管理器中”右擊，在快捷菜單中單擊“添加新項”，單擊“VisualC#”，單擊“Web窗體”，在名稱處輸入“060301.aspx”，單擊“添加”按鈕。單擊“設(shè)計”進入設(shè)計視圖，如圖7-3-1所示，輸入“”，回車換行。輸入“”文字，鼠標在工具箱“標準”中雙擊“Label”插入控件Label1回車換行。輸入“”文字，鼠標在工具箱“標準”中雙擊“Label”插入控件，參照表7-3-1修改相關(guān)屬性為Label4回車換行。輸入“”文字，鼠標在工具箱“標準”中雙擊“Label”插入控件，參照表7-3-1修改相關(guān)屬性為Label2回車換行。輸入“”文字，鼠標在工具箱“標準”中雙擊“DropDownList”插入DownList11控件回車換行。鼠標在工具箱“標準”中雙擊“Button”插入控件Button1，參照表7-3-1修改相關(guān)屬性，對Button1按鈕控件Text屬性中輸入“”，輸入空格，鼠標在工具箱“標準”中雙擊“Button”插入控件，參照表7-3-1修改相關(guān)屬性：ID="Button3"Text="刪除選中文本文件"，回車換行。鼠標在工具箱“標準”中雙擊“TextBox”插入控件TextBox1回車，對控件TextBox1屬性修改文本框的高為Height="200px"、類型改為多行TextMode="MultiLine"、寬為Width="545px"。鼠標在工具箱“標準”中雙擊“Button”插入控件，參照表7-3-1修改相關(guān)屬性：ID="Button2"Text="修改后請保存"。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è)計日志文本文件編輯與刪除</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è)計日志文本文件編輯與刪除</b><br/><br/>12公司系統(tǒng)日志文件所在文件夾的物理路徑為：<asp:LabelID="Label1"runat="server"Text="Label1"></asp:Label><br/>13以相對路徑顯示調(diào)用的網(wǎng)頁程序名稱為：<asp:LabelID="Label4"runat="server"Text="Label4"></asp:Label><br/>14當前網(wǎng)站日志txt文件夾中共有文本文件數(shù)量為：<asp:LabelID="Label2"runat="server"Text="Label2"></asp:Label><br/><br/>15請選擇日志文件：<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="修改后請保存"/><br/>21<imgalt=""class="style2"src="602.gif"/></div>22</form>23</body>24</html>2．060301.aspx.cs網(wǎng)頁程序源代碼在060301.aspx設(shè)計視圖中雙擊Button1按鈕控件進入060301.aspx.cs程序代碼編輯模式，參照源代碼：輸入其中protectedvoidPage_Load(objectsender,EventArgse)見代碼編號07-25行。輸入其中protectedvoidButton1_Click(objectsender,EventArgse)見代碼編號26-40行。在060301.aspx設(shè)計視圖中雙擊Button2按鈕控件進入060301.aspx.cs程序代碼編輯模式，參照源代碼：輸入其中protectedvoidButton2_Click(objectsender,EventArgse)見代碼編號41-52行。在060301.aspx設(shè)計視圖中雙擊Button3按鈕控件進入060301.aspx.cs程序代碼編輯模式，參照源代碼：輸入其中protectedvoidButton3_Click(objectsender,EventArgse)見代碼編號53-72行。在060301.aspx設(shè)計視圖中雙擊DropDownList1進入060301.aspx.cs程序代碼編輯模式，參照源代碼：輸入其中protectedvoidButton3_Click(objectsender,EventArgse)見代碼編號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="";//初始化三個Label控件Text值為空12stringpathName=Server.MapPath("~/txt/");//返回與Web服務(wù)器上txt文本文件所在文件夾虛擬路徑相對應(yīng)的物理路徑。13Directory.SetCurrentDirectory(pathName);//將txt文本文件所在文件夾設(shè)置為當前目錄。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è)置為列表項提供文本內(nèi)容的數(shù)據(jù)源字段。20DropDownList1.DataValueField="Name";//獲取或設(shè)置為各列表項提供值的數(shù)據(jù)源字段。21DropDownList1.DataBind();//將數(shù)據(jù)源綁定到被調(diào)用的DropDownList控件22intiii=dir.GetFiles().Length;//獲取txt日志文件夾中文件數(shù)量23Label2.Text=iii+"個。";24}25}26protectedvoidButton1_Click(objectsender,EventArgse)27{28stringfileName=DropDownList1.SelectedItem.ToString();29FileStreamfs=newFileStream(Server.MapPath("~/txt/")+fileName,FileMode.Open,FileAccess.Read);//在指定的路徑、讀取指定的文件。path當前FileStream創(chuàng)建文件的相對路徑或絕對路徑。FileMode.Open讀取文件模式。FileAccess.Read文件讀訪問,可將數(shù)據(jù)從文件讀出。30StreamReadersr=newStreamReader(fs,Encoding.Default);//確定編碼及默認緩沖區(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)容每一行+換行符鏈接為一個整體，在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當前FileStream創(chuàng)建文件的相對路徑或絕對路徑。FileMode.Create確定打開或創(chuàng)建文件。FileAccess.Write文件寫訪問,可將數(shù)據(jù)寫入文件。46StreamWritersw=newStreamWriter(fs,Encoding.Default);//確定編碼及默認緩沖區(qū)大小，為文件保存初始化47sw.WriteLine(neirong);//保存文本文件48sw.Flush();//保存文本后清理緩沖區(qū)49sw.Close();//關(guān)閉當前的StreamWriter對象和基礎(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文本文件所在文件夾虛擬路徑相對應(yīng)的物理路徑。59Directory.SetCurrentDirectory(pathName);//將txt文本文件所在文件夾設(shè)置為當前目錄。60DirectoryInfodir=newDirectoryInfo(pathN