【ASP.NET MVC 5 開發實戰】練習專案

開發工具

• Visual Studio 2017
  • 請更新到最新版本
  • 建議安裝的 Visual Studio 擴充套件
    • Web Essentials 2017
    • Browser Link Inspector
    • tangible T4 Editor 2.4.0 plus modeling tools for VS 2017
• SQL Server Management Studio (SSMS)
  • 請點擊【下載 SQL Server Management Studio 17.7】下載安裝檔。

版控工具

• Visual Studio 2017 已經內建相當完整的 Git 版控工具
• Git for Windows
• GitHub Desktop
• TortoiseGit

關於 LocalDB

• SQL Server 2012 Express LocalDB (SqlLocalDB) 深入剖析
• SQL Server 2012 LocalDB (SQL Server 11.0.3000)
  • 伺服器名稱: (localdb)\v11.0
• SQL Server 2014 LocalDB (SQL Server 12.0.2456.0)
  • 伺服器名稱: (localdb)\MSSQLLocalDB
• SQL Server 2016 LocalDB (13.0.2151.0)
  • 伺服器名稱: (localdb)\MSSQLLocalDB
• SQL Server Data Tools (SSDT) LocalDB (SQL Server 13.0.2151)
  • 伺服器名稱: (localdb)\ProjectsV13

建立 ASP.NET MVC 5 專案步驟說明

1. [檔案] / [新增] / [專案]

   

2. 選擇 [Web] 分類下的 [ASP.NET Web 應用程式 (.NET Framework)]，設定專案 [名稱] 為 MVC5Course，設定 [架構] 為 .NET Framework 4.6.2， 勾選 [建立新的 Git 存放庫]

   

3. 選擇 [MVC] 專案範本，不用勾選 [Web API] 核心參考，請選擇 [無驗證]

   

專案 NuGet 套件介紹

以下是 Visual Studio 2017 15.7.4 內建的 ASP.NET MVC 5 專案範本的 NuGet 套件介紹。

[ 後端套件 ]

• ASP.NET MVC 5.2.4
  • 官網: http://www.asp.net/mvc
  • 專案位址: https://github.com/aspnet/AspNetWebStack
  • 相關套件
    • Microsoft.AspNet.Razor 3.2.4
    • Microsoft.AspNet.WebPages 3.2.4
    • System.Diagnostics.DiagnosticSource 4.4.1
    • Microsoft.AspNet.TelemetryCorrelation 1.0.0
    • Microsoft.ApplicationInsights 2.5.1
    • Microsoft.ApplicationInsights.Agent.Intercept 2.4.0
    • Microsoft.ApplicationInsights.DependencyCollector 2.5.1
    • Microsoft.ApplicationInsights.PerfCounterCollector 2.5.1
    • Microsoft.ApplicationInsights.Web 2.5.1
    • Microsoft.ApplicationInsights.WindowsServer 2.5.1
    • Microsoft.ApplicationInsights.WindowsServer.TelemetryChannel 2.5.1
• Microsoft.AspNet.Web.Optimization 1.1.3
  • 用來將 javascript, js 最小化 (minification) 與 打包 (bundling) 的工具
  • ASP.NET Optimization introduces a way to bundle and optimize CSS and JavaScript files.
  • 專案位址: https://aspnetoptimization.codeplex.com/
  • 官方文件: https://aspnetoptimization.codeplex.com/documentation
  • NuGet 套件: https://www.nuget.org/packages/Microsoft.AspNet.Web.Optimization
  • 相關連結
    • Bundling and Minification | The ASP.NET Site
    • c# - Bundler not including .min files - Stack Overflow
    • kenhaines.net | WebGrease: As seen in Visual Studio 2012
    • Web Optimization in Visual Studio 2012 RC | Howard Dierking
• Microsoft.Web.Infrastructure 1.0.0.0
  • 用來在執行時期動態註冊 HTTP modules (相依於 Microsoft.AspNet.Web.Optimization 套件)
• WebGrease 1.6.0
  • 用來最佳化 javascript, css 與圖片檔案 (相依於 Microsoft.AspNet.Web.Optimization 套件)
  • WebGrease is a suite of tools for optimizing javascript, css files and images.
  • 專案位址: https://webgrease.codeplex.com/
• Antlr 3.5.0.2
  • 用來解析 CSS 語法的工具 (相依於 WebGrease 套件) [ 說明 ]
• Newtonsoft.Json (Json.NET) 11.0.1
  • 提供 .NET 環境操作 JSON 資料 (相依於 WebGrease 套件)
  • 官網: https://www.newtonsoft.com/json
  • 專案位址: https://github.com/JamesNK/Newtonsoft.Json
• Microsoft.Net.Compilers 2.6.1
  • 此為 C# 6.0 以上的 .NET 編譯器 ("Roslyn") (The .NET Compiler Platform)
  • 專案位址: https://github.com/dotnet/roslyn
• Microsoft.CodeDom.Providers.DotNetCompilerPlatform 1.0.8
  • 此為 .NET 編譯器的 CodeDOM 提供者，用來提供解析 C# / VB.NET 原始碼的服務。

[ 前端套件 ]

• Bootstrap 3.3.7
  • 官網: http://getbootstrap.com/
• jQuery 3.3.1
  • 官網: http://www.jquery.com/
  • 專案位址: http://github.com/jquery/jquery
• jQuery Validation 1.17.0
  • 官網: https://jqueryvalidation.org/
  • 專案位址: https://github.com/jquery-validation/jquery-validation
• Microsoft.jQuery.Unobtrusive.Validation 3.2.4
  • 用來與 ASP.NET MVC 5 表單驗證功能搭配使用的 JS 函式庫
  • 套件位址: https://www.nuget.org/packages/Microsoft.jQuery.Unobtrusive.Validation/
  • 版本說明: http://go.microsoft.com/fwlink/?LinkId=389866
• Modernizr 2.8.3
  • 官網: http://modernizr.com/

Windows 建議設定

• Windows 8 小技巧: 繁體中文語言如何變更預設輸入法(英文)
  • Windows 8 之後的微軟注音輸入法，真的難用到爆炸，建議參考本文進行設定，否則 Visual Studio 2017 的開發體驗會受到影響。

課前學習資源

• 邊做邊學 ASP.NET MVC 4 - YouTube
  • 強烈建議這個系列影片可以先看過，跟著做一遍，上課會更有感覺！(本影片也適用於 ASP.NET MVC 5 版本)
• ASP.NET MVC 5 新功能探索 - YouTube
  • 建議這個影片也可以先看過，了解一下 ASP.NET MVC 5 與 ASP.NET MVC 4 的差異之處 (其實差不多)
• C# Fundamentals: Development for Absolute Beginners | Channel 9
  • 如果有學員尚未接觸過 C# 程式語言，建議可以先看這個免費的教學課程。
  • 課程雖然是英文發音，但有完整繁體中文字幕，建議搭配中文字幕觀看！
• HTML5 & CSS3 Fundamentals: Development for Absolute Beginners | Channel 9
  • 如果有學員不太有網頁開發經驗，建議可以先看這個免費的教學課程。
  • 課程雖然是英文發音，但有完整繁體中文字幕，建議搭配中文字幕觀看！
• 30 天精通 Git 版本控管
  • 因為課程進行中的原始碼都會以 GitHub 分享給學員，各位自行實作的練習專案也建議用 Git 進行版本控管。

相關連結

• ASP.NET MVC | The ASP.NET Site
• The Will Will Web | ASP.NET MVC
• The Will Will Web | Visual Studio / C# / ASP.NET MVC / SQL Server 新手上路之學習資源整理
• ASP.NET MVC Guidance
• What's New in ASP.NET MVC 5
• What's New in ASP.NET MVC 4
• What's New in ASP.NET MVC 3
• Announcing the Release of ASP.NET MVC 5.1, Web API 2.1 and Web Pages 3.1
• Announcing the Release of ASP.NET MVC 5.2, Web API 2.2 and Web Pages 3.2
• Getting Started with Entity Framework 6 Code First using MVC 5
• Getting Started with Entity Framework 5 Code First using MVC 4