熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET設計網絡硬盤之查看文件夾

2013-11-13 10:17:01  來源: .NET編程 

  就像操作本地的計算機一樣需要為每個網絡用戶提供各自的一塊硬盤空間用戶登錄後便可以對自己的空間進行管理管理是多方面的首先用戶應該能看到自己文件夾下的所有內容另外需要提供多級文件夾目錄的支持
  
  下面要介紹的實例包括網上硬盤的許多功能將一步步為大家進行介紹首先創建工程實例然後進行主界面的設計最後對各個功能的實現分別進行介紹
  
  新工程創建
  
  新工程創建的步驟如下
  
  () 打開MicroSoft Visual StudioNET應用程序
  
  () 選擇文件|新建|項目命令將打開新建項目對話框如圖所示進行以下選擇和設置項目類型中選擇Visual C#項目隨後在右邊模板中選擇ASPNET Web應用程序然後把對話框下面顯示的位置改//localhost/WebDisk單擊確定按鈕完成新項目創建
  
 

  
新建項目設置

  
  () 工程創建完後將直接打開一個創建好的Web頁面名稱為WebFormaspx選擇視圖|解決方案資源管理器命令將打開解決方案資源管理器對話框在這裡可以對工程的所有資源進行統一管理並可以看到剛才已經提到的WebFormaspx
  
  () 選擇項目|添加新項命令將打開添加新項對話框在右邊模板中選擇Web窗體並將左下角名稱更名為NetWorkDiskaspx單擊打開按鈕完成新項的添加如圖所示
  
 

  
添加新項對話框

  
  主界面設計
  
  創建好工程和新項後就要進行功能主界面的設計為了使用戶界面更為友好易用就需要使用很多服務器控件如圖所示的是設計好的功能界面圖下面將通過一系列步驟進行說明
  

  
網絡硬盤主界面設計圖

  
  () 選擇視圖|工具箱命令將打開工具箱對話框
  
  () 在服務器資源管理器中雙擊NetWorkDiskaspx在頁面左下角選擇設計命令然後就可以對控件進行添加了
  
  () 選擇工具箱|HTML命令雙擊該目錄下的Flow Layout Panel控件按圖所示放置該對象並在其中添加文字網絡硬盤—— 您的個人移動秘書
  
  () 選擇工具箱|Web窗體命令雙擊該目錄下的Label控件右鍵單擊生成的控件對象選擇屬性命令對其屬性進行設置其中(ID)名稱設為Info(Text)屬性設為空(ForeColor)屬性設為Red
  
  () 和步驟類似再添加個Label控件把其Text屬性分別設置為目錄浏覽文件上傳目錄新建其他屬性項采用默認設置
  
  () 選擇工具箱|Web窗體命令雙擊該目錄下的ListBox控件對生成的控件對象屬性進行設置(ID)名稱設為FileList再按圖的位置放置
  
  () 添加兩個Button類型的Web窗體控件(ID)分別設置為BtnOpen和BtnDelete(Text)屬性分別設為打開刪除
  
  () 選擇工具箱|HTML命令雙擊該目錄下的File Field控件將其位置定位於文件上傳之後
  
  () 新增一個TextBox類型的Web窗體控件(ID)設置為NewDirName位置位於新建目錄之後
  
  () 如圖所示還需增加上傳新增目錄兩個Button控件(ID)分設為BtnUpLoad和BtnNewDir
  
  () 新增兩個CheckBox類型的Web窗體控件(ID)分別設置為chkReadOnly和chkHidden(Text)分別設為只讀隱藏
  
  注意
  
  上面完成了控件的添加和頁面布置工作為了使File Field控件對象能夠正常工作還需要在HTML代碼中進行相關的設置單擊左下角的HTML按鈕找到<form id= WebForm method=post runat=server將其修改為<form id= WebForm method=post runat=server EncType=multipart/formdata因為File Field控件只有在HtmlForm 的 Enctype屬性設置為multipart/formdata時才起作用
  
  另外還要為File Field控件增加id標識在HTML代碼中找到
  
  <INPUT runat=server type=file size=
  
  將其修改為
  
  <INPUT runat=server type=file size= id=WebFile name=WebFile
  
  這樣就就完成了主界面的設計工作友好的界面風格必須得到相應的代碼支持下面馬上就要轉入後台程序的編碼
From:http://tw.wingwit.com/Article/program/net/201311/13156.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.