共用方式為


NerdDinner 教學課程簡介

作者 Scott Hanselman

下載 PDF

學習新架構的最佳方式是使用它來建置一些東西。 本教學課程會逐步解說如何使用 ASP.NET MVC 1 建置小型但完整的應用程式,並介紹其背後的一些核心概念。

如果使用 ASP.NET MVC 3,建議遵循 MVC 3 使用者入門MVC Music 市集教學課程。

NerdDinner 教學課程

學習新架構的最佳方式是使用它來建置一些東西。 本教學課程會逐步解說如何使用 ASP.NET MVC 建置小型但完整的應用程式,並介紹其背後的一些核心概念。

我們要建置的應用程式稱為 "NerdDinner"。 NerdDinner 提供了一個簡便的方法,讓人們可以線上尋找和組織 Dinners:

Nerd Dinner 應用程式頁面的螢幕擷取畫面。顯示 [Host a Dinner] 頁面。

NerdDinner 可讓已註冊的使用者建立、編輯和刪除 Dinners。 它會在整個應用程式中強制執行一組一致的驗證和商務規則:

Nerd Dinner 應用程式頁面的螢幕擷取畫面。顯示 [編輯 Dinner] 頁面。

訪客可以使用以 AJAX 為基礎的地圖來搜尋即將在他們附近推出的 Dinners:

Nerd Dinner A J A X 地圖頁面的螢幕擷取畫面。

按一下 Dinner 會帶他們前往詳細資料頁面,讓他們可以深入了解:

Nerd Dinner 網頁的螢幕擷取畫面,其中包含 A S P dot NET Study Group Dinner 的詳細資料。

如果他們有興趣參加該 Dinner,可以登入或在網站上註冊:

[Nerd Dinner Log On] 頁面的螢幕擷取畫面。

然後,他們可以按一下 AJAX 型 RSVP 連結以參與該活動:

Nerd Dinner Study Group 頁面的螢幕擷取畫面。您可以在底部找到 R S S V P 按鈕。

Nerd Dinner 詳細資料頁面的螢幕擷取畫面。顯示「謝謝,我們到時候見」訊息。

實作 NerdDinner

我們將使用 Visual Studio 中的 File->New Project 命令來開始我們的 NerdDinner 應用程式,以建立全新的 ASP.NET MVC 專案。 然後我們將逐步新增功能和特性。 在此過程中我們將介紹:

  1. 如何建立新的 ASP.NET MVC 專案
  2. 如何建立資料庫
  3. 如何使用商務規則驗證建置模型
  4. 如何使用控制器和檢視來實作清單/詳細資料 UI
  5. 如何提供 CRUD (建立、讀取、更新、刪除) 資料表單項目支援
  6. 如何使用 ViewData 和實作 ViewModel 類別
  7. 如何使用主版頁面和部分頁面來重複使用 UI
  8. 如何實作有效率的資料分頁
  9. 如何使用驗證和授權保護應用程式
  10. 如何使用 AJAX 傳送動態更新
  11. 如何使用 AJAX 實作對應案例
  12. 如何啟用自動化單元測試

您可以完成本章逐步解說的每個步驟,從頭開始建置自己的 NerdDinner 複本。 或者,您也可以在這裡下載完整的原始程式碼版本:NerdDinner on GitHub。 如果您想要離線閱讀本教學課程,您也可以選擇性地下載本教學課程的免費 PDF 版本

您可以使用 Visual Studio 2008 或免費的 Visual Web Developer 2008 Express 來建置應用程式。 您可以使用 SQL Server 或免費的 SQL Server Express 作為資料庫。

您可以使用 Microsoft Web Platform Installer 的 V2 安裝 ASP.NET MVC、Visual Web Developer 2008 Express 和 SQL Server Express (全部免費)

讓我們開始吧 ....

既然我們已經介紹了什麼是 NerdDinner,那麼讓我們捲起袖子開始撰寫一些程式碼吧。

我們將從 Visual Studio 內的 File->New Project 開始建立 NerdDinner 應用程式。