Web程序設計（第2版） 電子教案 24-1209 任務二 設計查看日志文本文件網頁程序_第1頁
Web程序設計（第2版） 電子教案 24-1209 任務二 設計查看日志文本文件網頁程序_第2頁
Web程序設計（第2版） 電子教案 24-1209 任務二 設計查看日志文本文件網頁程序_第3頁
Web程序設計（第2版） 電子教案 24-1209 任務二 設計查看日志文本文件網頁程序_第4頁
Web程序設計（第2版） 電子教案 24-1209 任務二 設計查看日志文本文件網頁程序_第5頁
已閱讀5頁，還剩4頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

教案課程名稱：動態網頁制作（Web程序設計）0課題：任務二設計查看日志文本文件網頁程序0課時：2課時0主講教師：某某某教師0學校：某某某學校0日期：2019年12月9日0

教案教學對象某學校某專業授課日期2019年12月9日使用教材Web程序設計（第二版）出版單位電子工業出版社課題任務二設計查看日志文本文件網頁程序計劃學時2學時教學目標能運用FileStream類設計創建日志文本文件網頁程序知識目標：FileStream類技能目標：掌握運用FileStream類設計創建日志文本文件的技能。態度目標：端正態度，配合伙伴完成任務。德育目標：養成良好的團隊協作精神，學會彼此配合協作完成項目任務，成果分享。教學重點難點重點：完成查看日志文本文件網頁程序任務，掌握配套技能。難點：完成查看日志文本文件網頁程序任務，熟練掌握配套技能。教學設計說明1、教學內容以崗位工作任務出現，為學生將來快速融入崗位工作打基礎。2、教學重點是培養學生熟練的操作技能。3、通過訓練與強調，突破關鍵點。4、訓練結束后，接軌企業實際，施工任務單技術歸檔的填寫，是崗位標準化技能訓練的一部分。教學活動流程教學步驟與內容教學組織形式教學方法達成目標1、新課導入復習：數據庫自動備份與還原導入新課：任務二設計查看日志文本文件網頁程序以提問的方式展開與學生的互動，引出本課堂教學內容。項目串聯教學法通過復習，回憶表單與循環語句。2、講解示范任務描述網頁程序設計的工作過程中，有需要查詢保存過的日志文本文件。前面任務一完成的060101.aspx網頁程序僅能保存顯示一個文本文件，但在日常工作中，總是會保存許多日志文件。網絡信息部門負責人有了新的任務要求，第一能夠列表顯示公司Web系統設計日志文本文件，第二能夠顯示選中文件的日志文件內容。新的工作任務是設計顯示日志文本文件內容網頁程序，根據任務需求，網絡信息部門小明工程師設計060201.aspx公司網頁。

任務分析經對任務需求多次商討分析，小明工程師迅速通過圖書館、互聯網查找技術資料，確定用DropDownList控件，DirectoryInfo、FileInfo、GetFiles、DataSource、DataBind、FileStream、FileMode.Open、ReadLine技術進行代碼設計，可以通過代碼程序在網頁中實現在服務器web中文本文件的下拉列表查看。設計060201.aspx用到的控件和屬性。1教師做中教2學生做中學3運用多媒體教學手段4輔助教學運用VMware虛擬機技術與真實環境相結合項目串聯教學法控件與控件屬性按照要求設計出網頁與程序3、操作訓練安排學生按照施工任務訓練，掌握相關技能。通過任務二設計查看日志文本文件網頁程序，完成任務二設計查看日志文本文件網頁程序的工作任務，來學習相關Directory類的技能方法，實現設計查看日志文本文件網頁程序。填寫施工技術文檔，培養企業崗位真實工作場景。1教師做中教2學生做中學3運用多媒體教學手段4輔助教學運用VMware虛擬機技術與真實環境相結合項目串聯教學法通過任務訓練使學生掌握控件與屬性，掌握運用控件的技能方法4、課堂小結\教師點評對項目任務完成過程中情況回顧，強調本次課程重點，問題關鍵點強調。利用多媒體等手段，強調知識與技能要點進行總結，并布置課后的作業內容。全體

講授對項目任務完成過程中情況回顧，強調本次課程重點，問題關鍵點強調。課外作業建立網頁程序jianlixianshi.apx，把任務一與任務二功能合并。界面布局自行安排，按鈕一可以建立文本文件，按鈕二可以顯示文本文件。教學回顧通過本次課，能熟悉相關概念，培養學生動手操作能力以及完成任務過程中遇到問題、思考問題和解決問題的能力；培養學生正確認識本門課程學習的意義及遵守行業規范的職業道德規范和綜合職業素養。

任務二設計查看日志文本文件網頁程序

任務描述網頁程序設計的工作過程中，有需要查詢保存過的日志文本文件。前面任務一完成的060101.aspx網頁程序僅能保存顯示一個文本文件，但在日常工作中，總是會保存許多日志文件。網絡信息部門負責人有了新的任務要求，第一能夠列表顯示公司Web系統設計日志文本文件，第二能夠顯示選中文件的日志文件內容。新的工作任務是設計顯示日志文本文件內容網頁程序，根據任務需求，網絡信息部門小明工程師設計060201.aspx公司網頁，如圖7-2-1所示：圖7-2-1060201.aspx設計視圖

任務分析經對任務需求多次商討分析，小明工程師迅速通過圖書館、互聯網查找技術資料，確定用DropDownList控件，DirectoryInfo、FileInfo、GetFiles、DataSource、DataBind、FileStream、FileMode.Open、ReadLine技術進行代碼設計，可以通過代碼程序在網頁中實現在服務器web中文本文件的下拉列表查看。設計060201.aspx用到的控件和屬性，如表7-2-1所示：表7-2-1控件屬性說明Label1ID="Label1"Text="Label1"顯示文件夾的物理路徑Label2ID="Label2"Text="Label2"顯示網頁程序的相對路徑Label4ID="Label4"Text="Label4"顯示文本文件數量DropDownList1AutoPostBack="True"控件發生變化就會自動觸發事件Button1Text="顯示日志文本文件"執行對應程序代碼Label3ID="Label3"Text="Label3"顯示“內容：”文字TextBox1Height="200px"ReadOnly="True"TextMode="MultiLine"Width="520px"用來顯示選中txt日志內容任務二設計查看日志文本文件網頁程序簡易流程圖方法和步驟 START1．設計060201.aspx網頁程序準備工作，在C盤根目錄下建立文件夾0602，單擊“開始、程序、MicrosoftVisualStudio2010”啟動MicrosoftVisualStudio2010，單擊菜單“文件、新建網站”，顯示“新建網站”對話框，在已安裝的模板處選擇“VisualC#”單擊，在右側“ASP.NET空網站”處單擊，在下方Web位置處選擇“文件系統”，在右側輸入“c:\0602”后，單擊“確定”按鈕，如圖7-1-2新建網站。把素材01.gif、02.gif復制粘貼到路徑c:\0602文件夾0602中。在“解決方案資源管理器”處右擊，在快捷菜單“添加新項”處單擊，在添加新項對話框中單擊選擇“VisualC#”、單擊選擇“Web窗體”后，刪除默認文件名“Default.aspx”，輸入“060201.aspx”文件名，單擊“添加”按鈕，如圖7-2-2。圖7-2-2新建網頁程序文件060201.aspx當在打開060201.aspx網頁狀態下，鼠標在左下角單擊“設計”視圖，光標處適當回車5次，在“解決方案資源管理器”中鼠標單擊拖動“01.gif”和“02.gif”圖片至設計視圖中如圖7-2-1所示位置，參考如圖7-2-1位置輸入“公司Web系統設計日志文本查看”文字，回車換行，輸入“公司系統日志文件所在文件夾的物理路徑為：”文字，在工具欄標準中雙擊Label插入Label1控件，按圖7-2-1修改Text屬性為Label1，回車，輸入“以相對路徑顯示調用的網頁程序名稱為：”文字，工具欄標準中雙擊Label插入Label2控件，按圖7-2-1修改Text屬性為Label2，輸入“當前網站日志txt文件夾中共有文本文件數量為：”文字，工具欄標準中雙擊Label插入控件，修改Text屬性為Label4，修改ID屬性為Label4，回車2次，輸入“請選擇日志文件：”文字，工具欄標準中雙擊DropDownList插入控件DropDownList1，修改屬性AutoPostBack="True"，鍵盤輸入空格，工具欄標準中雙擊Button插入控件Button1，回車，輸入“內容：”文字，工具欄標準中雙擊Label插入Label3控件，回車，工具欄標準中雙擊TextBox插入控件TextBox1，修改屬性Height="200px"ReadOnly="True"TextMode="MultiLine"Width="520px"。按表7-2-1對文字和控件進行屬性調整，效果見圖7-2-1。060201.aspx網頁源碼如下：01<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="060201.aspx.cs"Inherits="_060201"%>02<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">03<htmlxmlns="/1999/xhtml">04<headrunat="server">05<title>公司Web系統設計日志文本查看</title>06</head>07<body>08<formid="form1"runat="server">09<div>10<imgalt=""src="601.gif"/><br/>11<strong>公司Web系統設計日志文本查看</strong><br/><br/>12公司系統日志文件所在文件夾的物理路徑為：<asp:LabelID="Label1"runat="server"Text="Label1"></asp:Label><br/>13以相對路徑顯示調用的網頁程序名稱為：<asp:LabelID="Label2"runat="server"Text="Label2"></asp:Label><br/>14當前網站日志txt文件夾中共有文本文件數量為：<asp:LabelID="Label4"runat="server"Text="Label4"></asp:Label><br/><br/>15請選擇日志文件：<asp:DropDownListID="DropDownList1"runat="server"AutoPostBack="True"OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">16</asp:DropDownList>17<asp:ButtonID="Button1"runat="server"OnClick="Button1_Click"Text="顯示日志文本文件"/><br/>18內容：<asp:LabelID="Label3"runat="server"Text="Label3"></asp:Label><br/>19<asp:TextBoxID="TextBox1"runat="server"Height="200px"ReadOnly="True"TextMode="MultiLine"Width="520px"></asp:TextBox><br/>20<imgalt=""src="602.gif"/></div>21</form>22</body>23</html>2．設計060201.aspx.cs網頁程序在060201.aspx設計視圖中，雙擊Button1按鈕控件進入060201.aspx.cs程序代碼編輯模式，輸入其中protectedvoidPage_Load(objectsender,EventArgse)見代碼編號06-25行，輸入其中protectedvoidButton1_Click(objectsender,EventArgse)見代碼編號16-42行。回到060201.aspx設計視圖中，雙擊DropDownList1控件進入程序代碼編輯模式，輸入其中protectedvoidDropDownList1_SelectedIndexChanged(objectsender,EventArgse)見代碼編號43-47行。060201.aspx.cs網頁程序完整源代碼如下：01usingSystem;02usingSystem.IO;03usingSystem.Text;04publicpartialclass_060201:System.Web.UI.Page05{06protectedvoidPage_Load(objectsender,EventArgse)07{08if(!IsPostBack)//功能為僅在本網頁程序第一次加載運行是執行下面9-24之間語句09{10stringpathName=Server.MapPath("~/txt/");//返回與Web服務器上txt文本文件所在文件夾虛擬路徑相對應的物理路徑。11Label1.Text=pathName;//在網頁界面上通過Label1.Text顯示出txt文本文件所在文件夾的物理路徑。12Label2.Text=Server.HtmlEncode(Request.CurrentExecutionFilePath);//在網頁界面上通過Label2.Text顯示出txt文本文件所在文件夾的相對路徑。13Label3.Text="";14DirectoryInfodir=newDirectoryInfo(pathName);//指定您想要操作的目錄是~/txt/15FileInfo[]fileList=dir.GetFiles();//數組FileInfo[]獲得文件夾中文本文件列表16DropDownList1.DataSource=fileList;//為控件設置數據源，設置將文件列表關聯到DropDownList1控件17DropDownList1.DataTextField="Name";//獲取或設置為列表項提供文本內容的數據源字段。18DropDownList1.DataValueField="Name";//獲取或設置為各列表項提供值的數據源字段。19DropDownList1.DataBind();//將數據源綁定到被調用的DropDownList控件20intiii=0;21foreach(varfiiiindir.GetFiles())//統計日志文件夾中文件的數量22{iii=iii+1;}23Label4.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創建文件的相對路徑或絕對路徑。FileMode.Open讀取文件模式。FileAccess.Read文件讀訪問,可將數據從文件讀出。30StreamReadersr=newStreamReader(fs,Encoding.

溫馨提示

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

評論

0/150

提交評論