首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> ASP.NET 基礎 >> ASP.NET 基礎

ASP.NET 網路硬碟:專案建立與主介面設計完整教學

     編輯:ASP.NET 基礎

專案建立步驟

  1. 開啟 Visual Studio .NET,選擇「檔案」→「新增」→「專案」
  2. 專案類型選「Visual C# 專案」,範本選「ASP.NET Web 應用程式」
  3. 位置設為 https://localhost/WebDisk,點擊確定
  4. 專案建立後自動開啟 WebForm1.aspx
  5. 透過「專案」→「加入新項目」新增 NetWorkDisk.aspx 作為主頁面

主介面控制項佈局完整清單

控制項類型ID用途關鍵屬性
FlowLayoutPanel-標題區塊文字:「網路硬碟——您的個人移動秘書」
LabelInfo訊息顯示ForeColor=Red, Text=空白
Label ×3-區塊標題文字:「目錄瀏覽」、「檔案上傳」、「目錄新建」
ListBoxFileList檔案/目錄清單-
ButtonBtnOpen開啟/進入Text="開啟"
ButtonBtnDelete刪除Text="刪除"
File Field (HTML)WebFile檔案選取type="file"
TextBoxNewDirName新目錄名稱-
ButtonBtnUpLoad上傳送出Text="上傳"
ButtonBtnNewDir建立目錄Text="新增目錄"
CheckBoxchkReadOnly唯讀屬性Text="唯讀"
CheckBoxchkHidden隱藏屬性Text="隱藏"

關鍵 HTML 設定(設計檢視無法完成)

必須切換至 HTML 原始碼檢視進行兩項修改:

1. 表單編碼類型

<form id="WebForm1" method="post" runat="server" 
      enctype="multipart/form-data">

否則 File Field 控制項無法運作。

2. File Field 身分識別

<INPUT runat="server" type="file" size="62" 
       id="WebFile" name="WebFile" ... >

補上 id 與 name 屬性,讓伺服器端程式碼能透過 WebFile.PostedFile 存取。

架構設計重點

  • 分層思維:介面(.aspx)與邏輯(.aspx.cs)分離,符合 Code-Behind 模式
  • 狀態管理:CurrentPath 追蹤目前目錄,支援多層導航
  • 資料繫結:LoadDir() 方法動態載入目錄內容繫結至 FileList
  • 屬性擴充:CheckBox 支援檔案/資料夾的唯讀、隱藏屬性設定

歷史背景與現代對照

此範例屬 ASP.NET Web Forms 經典架構(約 2003-2005 年)。現代開發建議:

  • 改用 ASP.NET Core MVC / Razor Pages
  • 前端採用 Bootstrap + JavaScript 模組化框架
  • 檔案操作封裝為 Service 層,支援依賴注入
  • 上傳功能整合雲端儲存(Azure Blob / AWS S3)
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved