消費者入門搭配 ASP.NET 4.5 Web Form 和 Visual Studio 2017
本教學課程系列說明如何使用 ASP.NET 4.5 和 Microsoft Visual Studio 2017 建置 ASP.NET Web Forms應用程式。
簡介
本教學課程系列會引導您使用 Visual Studio 2017 和 ASP.NET 4.5 建立 ASP.NET Web Forms應用程式。 您將建立名為 Wingtip Toys 的應用程式 - 一個簡化的店面網站,以線上銷售專案。 在系列期間,新的 ASP.NET 4.5 功能會反白顯示。
目標對象
ASP.NET Web Forms開發人員是本教學課程系列的目標物件。
您應該具備下列領域的一些知識:
- 物件導向程式設計 (OOP) 和語言
- 網頁開發 (HTML、CSS、JavaScript)
- 關聯式資料庫
- 多層式架構 (N-Tier)
若要檢閱這些領域,請考慮研究下列內容:
應用程式功能
本系列中呈現的 ASP.NET Web Form 功能包括:
- Web 應用程式專案 (不是網站專案)
- Web Form
- 主版頁面、組態
- 拔靴複製法
- Entity Framework Code First、LocalDB
- 要求驗證
- 強型別的資料控制項
- 模型繫結
- 資料註釋
- 值提供者
- SSL 和 OAuth
- ASP.NET 身分識別、組態和授權
- 不具干擾性驗證
- 路由
- ASP.NET 錯誤處理
應用程式案例和工作
教學課程系列工作包括:
- 建立、檢閱和執行新專案
- 建立資料庫結構
- 初始化和植入資料庫
- 使用樣式、圖形和主版頁面自訂 UI
- 新增頁面和流覽
- 顯示功能表詳細資料和產品資料
- 建立購物車
- 新增 SSL 和 OAuth 支援
- 新增付款條件
- 包含系統管理員角色和應用程式的使用者
- 限制特定頁面和資料夾的存取
- 將檔案上傳至 Web 應用程式
- 實作輸入驗證
- 註冊 Web 應用程式的路由
- 實作錯誤處理和錯誤記錄
概觀
本教學課程系列適用于熟悉程式設計概念的人,但不熟悉 ASP.NET Web Forms。 如果您已經熟悉 ASP.NET Web Forms,此系列仍可協助您瞭解新的 ASP.NET 4.5 功能。 如需不熟悉程式設計概念和 ASP.NET Web Forms的讀者,請參閱 ASP.NET 網站上的消費者入門一節中提供的其他Web Form教學課程。
本教學課程系列中提供的 ASP.NET 4.5 包含下列功能:
建立專案的簡單 UI,可支援許多 ASP.NET 架構 (Web Form、MVC 和 Web API) 。
Bootstrap、版面配置、主題和回應式設計架構。
ASP.NET 身分識別,新的 ASP.NET 成員資格系統在所有 ASP.NET 架構中運作相同,且適用于 IIS 以外的 Web 主控軟體。
-
Entity Framework 的更新可讓您:
- 以強型別物件的形式擷取及運算元據
- 以非同步方式存取資料
- 處理暫時性連線錯誤
- 記錄 SQL 語句
如需完整的 ASP.NET 4.5 功能清單,請參閱Visual Studio 2013 版本資訊 ASP.NET 和 Web 工具。
Wingtip Toys 範例應用程式
下列螢幕擷取畫面來自您在本教學課程系列中建立的 ASP.NET Web Forms應用程式。 當您在 Visual Studio 中執行應用程式時,會出現下列網頁首頁。
您可以註冊為新使用者,或以現有使用者身分登入。 頂端導覽具有來自資料庫的產品類別及其產品的連結。
如果您選取 [ 產品],則會顯示所有可用的產品。
如果您選取特定產品,則會顯示產品詳細資料。
身為使用者,您可以使用範本預設功能註冊並登入Web Form。 本教學課程也會說明如何使用現有的 Gmail 帳戶登入。 此外,您也可以以系統管理員身分登入,以從資料庫新增和移除產品。
以使用者身分登入之後,您就可以將產品新增至購物車,並使用 PayPal 結帳。 範例應用程式的設計目的是在 PayPal 的開發人員沙箱中運作。 不會進行實際的貨幣交易。
PayPal 會確認您的帳戶、訂單和付款資訊。
從 PayPal 返回之後,您可以檢閱並完成訂單。
必要條件
開始之前,請確定您的電腦已安裝下列軟體:
會自動安裝.NET Framework。
本教學課程系列使用 Microsoft Visual Studio Community 2017。 您可以使用該或 Microsoft Visual Studio 2017 來完成本教學課程系列。
請注意下列有關 Visual Studio 的資訊:
Microsoft Visual Studio 2017 和 Microsoft Visual Studio Community 2017 在本教學課程系列中稱為Visual Studio。
Visual Studio 2017 會安裝在任何已安裝較舊版本的旁邊。 在舊版中建立的網站可以在 Visual Studio 2017 中開啟,並繼續在舊版中開啟。
第一次啟動 Visual Studio 時,假設您已選取 [Web 開發 ] 設定。 如需詳細資訊,請參閱 如何:選取 Web 開發環境設定。
安裝必要條件之後,您就可以開始建立本教學課程系列中呈現的 Web 專案。
下載範例應用程式
您可以隨時從 MSDN 範例網站下載已完成的範例應用程式:
消費者入門搭配 ASP.NET 4.5 Web Form 和 Visual Studio 2013 - Wingtip Toys (C#)
此下載包含下列專案:
- WingtipToys資料夾中的範例應用程式。
- 用來在WingtipToys 資料夾中的 WingtipToys-Assets資料夾中建立範例應用程式的資源。
下載是 .zip 檔案。 若要查看本教學課程系列所建立的已完成專案,請尋找並選取.zip檔案中的 C# 資料夾。 將 C# 資料夾儲存至您用來處理 Visual Studio 專案的資料夾。 根據預設,Visual Studio 2017 專案資料夾為:
C:\Users\< username >\source\repos
將 C# 資料夾重新命名為 WingtipToys。
注意
如果您的 Projects 資料夾中已經有一個名為 WingtipToys 的資料夾,請在將 C# 資料夾重新命名為 WingtipToys之前,先暫時重新命名該現有資料夾。
若要執行完成的專案,請開啟 WingtipToys 資料夾,然後按兩下 WingtipToys.sln 檔案。 Visual Studio 2017 會開啟專案。 接下來,以滑鼠右鍵按一下方案總管中的Default.aspx檔案,然後選取 [在瀏覽器中檢視]。
進行 ASP.NET Web Forms測驗以檢閱內容
完成教學課程系列之後,請進行測驗來測試您的知識,並強化重要概念。 每個問題都會提供其他指引的說明和連結。
教學課程支援和批註
如需問題和批註,請使用消費者入門隨附的 Q 和 A 區段搭配 ASP.NET 4.5 Web Form 和 Visual Studio 2013 - Wingtip Toys (C#) 範例頁面。
歡迎使用本教學課程系列的意見。 更新本教學課程系列時,會盡一切努力考慮修正或改進建議。
如果發生錯誤,對應的錯誤訊息可能會造成混淆,但無法正確說明如何修正錯誤。 如需協助,您可以檢查 ASP.NET 論壇。 另一個良好的來源是消費者入門 ASP.NET 4.5 Web Form 和 Visual Studio 2013 - Wingtip Toys (C#) 範例頁面的 Q 和 A 區段。
意見反應
https://aka.ms/ContentUserFeedback。
即將登場:在 2024 年,我們將逐步淘汰 GitHub 問題作為內容的意見反應機制,並將它取代為新的意見反應系統。 如需詳細資訊,請參閱:提交並檢視相關的意見反應