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

從零建立 MVC 5 Web 應用程式:Visual Studio 2013 完整圖文教學

     編輯:ASP.NET 基礎

本文以 Visual Studio 2013 (Express for Web 或完整版) 為例,逐步演示如何建立、執行第一個 MVC 5 專案,並預覽預設首頁。

開發環境需求

  • Windows 7 x64 或更新版本
  • Visual Studio 2013 (含 Express for Web)
  • .NET Framework 4.5.1+
  • 建議以系統管理員身分執行 VS,避免 IIS Express 權限問題

建立專案步驟

  1. 啟動 VS2013 → 檔案 → 新增 → 專案
  2. 左側選 Web → 中間選 ASP.NET Web Application → 輸入專案名稱、解決方案名稱、儲存路徑 → 確定
  3. 在「選擇範本」對話框中:
    • 選 MVC 範本
    • 核心參考勾選 MVC、Web API(依需求)
    • 驗證選 個別使用者帳戶(預設 ASP.NET Identity)
    • 點擊 確定 建立專案
  4. 等待 NuGet 還原套件、專案建置完成。方案總管將顯示標準 MVC 結構。

執行與預覽

  1. 工具列選 Internet Explorer (或 Chrome/Edge) 作為啟動瀏覽器
  2. 按 F5 或點擊綠色「啟動」按鈕
  3. IIS Express 啟動,瀏覽器開啟 https://localhost:port/
  4. 看到預設首頁:「ASP.NET MVC 5 應用程式」、「了解 ASP.NET MVC 5」、「取得更多函式庫」等區塊,代表專案建立成功

新增專案對話框 選擇專案範本 MVC 範本配置 專案建立中 方案總管結構 瀏覽器啟動 預設首頁

後續學習建議

  • 閱讀 HomeController.cs 與 Views/Home/Index.cshtml 理解 Controller-View 互動
  • 檢視 RouteConfig.cs 學習路由規則
  • 探索 App_Start/ 下四大配置類別
  • 嘗試新增 Controller、View、Model 實作簡單 CRUD
  • 研究 IdentityModels.cs 理解 ASP.NET Identity 驗證體系

完成第一個專案只是開始,MVC 5 豐富的生態系統(Entity Framework、Web API、SignalR、Identity、OWIN)等待你深入探索。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved