作者：依樂祝
原文鏈接：https://www.cnblogs.com/yilezhu/p/9985451.html
本來這篇只是想簡單介紹下ASP.NET Core MVC項目的（畢竟要照顧到很多新手朋友），但是轉(zhuǎn)念一想不如來點猛的（考慮到急性子的朋友），讓你通過本文的學(xué)習(xí)就能快速的入門ASP.NET Core。既然是快速入門所以過多過深的內(nèi)容我這里就一筆帶過了！然后在后面的一些列文章中再慢慢的對其中的概念進(jìn)行闡述。
本文已收錄至.NET Core實戰(zhàn)項目之CMS 第一章 入門篇-開篇及總體規(guī)劃 點擊可以查看更多教程。

.NET Core是什么

很多朋友看到.NET Core就認(rèn)為是ASP.NET Core，其實這是有誤區(qū)的，因為.NET Core 是開放源代碼的通用開發(fā)平臺 （是一個“平臺”），基于這個開放平臺我們可以開發(fā)像ASP.NET Core應(yīng)用程序， Windows 10 通用 Windows 平臺 (UWP),Tizen等等,而我們系列教程就是用.NET Core開發(fā)ASP.NET Core應(yīng)用程序。而且由 Microsoft官方團(tuán)隊 和 .NET社區(qū)成員共同在 GitHub 上進(jìn)行維護(hù)。 它跨平臺（支持 Windows、macOS 和 Linux），并且可用于生成設(shè)備、云和 IoT 應(yīng)用程序。
.NET Core 還具有以下特性：

• 跨平臺： 可以在 Windows、macOS 和 Linux 操作系統(tǒng)上運行。
• 跨體系結(jié)構(gòu)保持一致： 在多個體系結(jié)構(gòu)（包括 x64、x86 和 ARM）上以相同的行為運行代碼。
• 命令行工具： 包括用于本地開發(fā)和持續(xù)集成方案中的易于使用的命令行工具。
• 部署靈活： 可以包含在應(yīng)用或已安裝的并行用戶或計算機(jī)范圍中。 可搭配 Docker 容器使用。
• 兼容性：.NET Core 通過 .NET Standard與 .NET Framework、Xamarin 和 Mono 兼容。
• 開放源：.NET Core 是一個開放源平臺，使用 MIT 和 Apache 2 許可證。 .NET Core 是一個 .NET Foundation 項目。
• 由 Microsoft 支持：.NET Core背后依托強(qiáng)大的Microsoft團(tuán)隊 進(jìn)行維護(hù)。

什么是ASP.NET Core

ASP.NET Core 是一個由微軟創(chuàng)建的，用于構(gòu)建 web 應(yīng)用、API、微服務(wù) 的 web 框架。它使用常見的模式，諸如 MVC（Model-View-Controller）、依賴注入，和一個由中間件構(gòu)成的請求處理管道。它基于 Apache 2.0 許可證開放源碼，就是說，源代碼可以自由獲取，并且歡迎社區(qū)成員以 缺陷修復(fù) 和 新功能提交 的方式進(jìn)行貢獻(xiàn)。

ASP.NET Core 運行在微軟的 .NET 運行時庫上，類似于 Java 的 虛擬機(jī)（JVM）或者 Ruby 的解釋器。有幾種語言（C#，Visual Basic，F(xiàn)#）可以用來編寫 ASP.NET Core 程序。C# 是最常見的選擇，當(dāng)然我大多數(shù)人都是采用C#來進(jìn)行開發(fā)的。你可以在 Windows、Mac，和 Linux 上構(gòu)建并運行 ASP.NET Core 應(yīng)用。

為什么要用ASP.NET Core開發(fā)應(yīng)用程序

現(xiàn)存的 web 框架選項已經(jīng)很多了：Node/Express、Spring、Ruby on Rails、Django、Laravel 等等，數(shù)不勝數(shù)。ASP.NET Core 又有什么可取之處呢？為什么要用ASP.NET Core開發(fā)應(yīng)用程序呢？

• 速度 ASP.NET Core 很快。因為 .NET Core 是編譯運行的，執(zhí)行速度遠(yuǎn)高于解釋執(zhí)行的語言，比如 JavaScript 或者 Ruby、ASP.NET Core 也已經(jīng)為多線程和異步任務(wù)作了專門的優(yōu)化。與使用 Node.js 寫的代碼相比，執(zhí)行速度高出 5-10 倍是很正常的。
• 生態(tài) ASP.NET Core 可能初出茅廬，但 .NET 卻已久經(jīng)考驗。在 NuGet（.NET 的包管理系統(tǒng)，類似 npm、Ruby gems，或者 Maven）上有成千上萬的軟件包。有現(xiàn)成的包可用來完成 JSON 反序列化、數(shù)據(jù)庫連接、PDF生成，或者幾乎你能想到的任何需求。
• 安全性 微軟的開團(tuán)隊很注重安全性，ASP.NET Core 從創(chuàng)建基礎(chǔ)就是安全的。它已經(jīng)自動處理了 凈化輸入數(shù)據(jù) 和 跨域偽造請求(CSRF)，你就不用操心這些了。你同時還享有 .NET 編譯器的靜態(tài)類型檢測的優(yōu)勢，它像個時刻警惕著，還有些強(qiáng)迫癥的審校者。這樣，在使用一個變量或者某些數(shù)據(jù)時，那些無意識的錯誤就插翅難逃。
• 跨平臺 可以運行在安裝了 .NET 運行時庫的 Windows、Mac或者Linux上。
• 開源 .NET Core 屬于開放源（MIT 許可證），由 Microsoft 于 2014 年提供給 .NET Foundation。 現(xiàn)在它是最活躍的 .NET Foundation 項目之一。 可由個人和企業(yè)自由采用，包括用于個人、學(xué)術(shù)或商業(yè)目的。 同時開源也就意味著在你出現(xiàn)問題的時候你可以閱讀其源代碼來獲取解決問題的方法，再者你也可以在Gayhub上提Issue

數(shù)百萬開發(fā)人員使用過（并將繼續(xù)使用）ASP.NET 4.x創(chuàng)建 Web 應(yīng)用。 ASP.NET Core 是重新設(shè)計的 ASP.NET 4.x，更改了體系結(jié)構(gòu)，形成了更精簡的模塊化框架。

ASP.NET Core 同時具有如下優(yōu)點：

• 生成 Web UI 和 Web API 的統(tǒng)一場景。
• 針對可測試性進(jìn)行構(gòu)建。
• Razor Pages可以使基于頁面的編碼方式更簡單高效。
• 能夠在 Windows、macOS 和 Linux 上進(jìn)行開發(fā)和運行。
• 開放源代碼和以社區(qū)為中心。
• 集成新式客戶端框架和開發(fā)工作流。
• 基于環(huán)境的云就緒配置系統(tǒng)。
• 內(nèi)置依賴項注入。
• 輕型的高性能模塊化 HTTP 請求管道。
• 能夠在 IIS、Nginx、Apache、Docker上進(jìn)行托管或在自己的進(jìn)程中進(jìn)行自托管。
• 基于 .NET Core運行時，可以使用并行應(yīng)用版本控制。
  ……

.NET Core環(huán)境搭建

在繼續(xù)進(jìn)行ASP.NET Core代碼的編寫前，我們需要安裝 .NET Core的運行環(huán)境。這部分我們就一步一步的進(jìn)行 .NET Core的環(huán)境搭建吧。

1. 首先你可以Google搜索一下.NET Core,如果沒錯的話第一個就是微軟的官方下載地址，當(dāng)然你可以點擊這里進(jìn)行下載 （目前sdk最新的是v2.1.500，runtime最新的版本是v2.1.6 ）進(jìn)行開發(fā)的話下載SDK即可。

   1542613092864

2. 雙擊你下載好的sdk然后傻瓜式的一步一步的進(jìn)行安裝即可，微軟的軟件的安裝太簡單的，以至于我如果再細(xì)說你們都會嫌我啰嗦了。所以，這里我只貼一張安裝成功的圖吧。

   1542613508847

3. 接下來按住 Shift+鼠標(biāo)右鍵，然后選擇“在此處打開Powershell窗口”或者“在此處打開命令行窗口”。然后輸入dotnet --info 查看下我們已經(jīng)安裝的.NET Core 的信息，當(dāng)前運行的環(huán)境，已經(jīng)以往安裝的版本信息，我的版本比較多，因為我用了很長時間了。如果你第一次安裝可能只有一個。出現(xiàn)下面第二張圖的界面也就說明我們的.net core開發(fā)環(huán)境已經(jīng)就緒了！下面就讓我們擼起袖子開始干吧。

   1542613675528
   1542613885302

快速創(chuàng)建一個ASP.NET Core項目并進(jìn)行實戰(zhàn)演練

這里為了照顧到更多的小伙伴，我就不實用CLI命令行來創(chuàng)建ASP.NET Core項目了，還是中規(guī)中矩的使用VS2017吧！什么vs2017需要激活碼？那你可以使用社區(qū)版的啊！社區(qū)版的話，學(xué)習(xí)已經(jīng)夠用了！廢話說了一堆，我們開始吧！

1. 首先第一步肯定是打開你的VS2017了，然后點擊左上角“文件”-》“新建”-》“項目”（或者你嫌麻煩，可以使用Ctrl+Shift+N這個快捷鍵），打開如下的創(chuàng)建新項目對話框，然后按照如圖所示進(jìn)行選擇并點擊確定吧（什么？你居然沒創(chuàng)建成功？那么我覺得你是在侮辱我了）：

   1542615179952

2. 哈哈，上圖點擊確定后并沒有創(chuàng)建成功，而是會彈出下一個對話框，如下所示，他會讓你選擇目標(biāo)框架是.NET Core還是.NET Framework;是選擇創(chuàng)建一個空的解決方案還是創(chuàng)建一個帶有模板的web項目！至于各自的區(qū)別，有興趣的朋友可以每個都創(chuàng)建一下然后對比下各自的區(qū)別哦！這里我們按照下圖所示選擇MVC的web應(yīng)用程序：

   1542615524825

3. 創(chuàng)建成功后，看到如下的結(jié)構(gòu)，標(biāo)準(zhǔn)的MVC結(jié)構(gòu)，不過跟.net framework時代的MVC又有所不同。wwwroot：網(wǎng)站的靜態(tài)文件目錄（為什么在這里就能加載呢？大家可以先思考下）

   appsettings.json：配置文件，比如數(shù)據(jù)庫連接字符串等等配置信息。

   Program.cs：程序入口文件（里面有個Main方法）；

   Startup.cs啟動配置文件 ;

   依賴項：管理項目所依賴的第三方組件的安裝，配置，升級

   Controller：控制器

   Models：實體

   Views：視圖

   由于篇幅有限，就不過多的講解了。

   1542615770088

4. 按下鍵盤的F5或者如下圖所示點擊運行按鈕，看下效果吧！

   1542616363075

5. 如果不出意外的話你將看到如下圖所示的界面。

   1542616456949

6. 看到?jīng)]有，就這么簡單我們就運行起來了一個ASP.NET Core的MVC站點。到這里是不是就已經(jīng)結(jié)束了呢？騷年你想多了，因為我還要讓你多會點東西。，所以這個第六條就是用來說廢話的，然后作為一個分割。

7. Models:在Models文件夾上右鍵新建兩個類：一個Content類；一個ContentViewModel類 ,代碼如下（這里就不教你怎么創(chuàng)建類了，如果跟你說了，那就是在侮辱你的智商了）：

   namespace Sample01.Models
   {
       /// <summary>
       /// 2018.11.19
       /// 祝雷
       /// 內(nèi)容實體
       /// </summary>
       public class Content
       {
           /// <summary>
           /// 主鍵
           /// </summary>
           public int Id { get; set; }
   
           /// <summary>
           /// 標(biāo)題
           /// </summary>
           public string title { get; set; }
           /// <summary>
           /// 內(nèi)容
           /// </summary>
           public string content { get; set; }
           /// <summary>
           /// 狀態(tài) 1正常 0刪除
           /// </summary>
           public int status { get; set; }
           /// <summary>
           /// 創(chuàng)建時間
           /// </summary>
           public DateTime add_time { get; set; }
           /// <summary>
           /// 修改時間
           /// </summary>
           public DateTime modify_time { get; set; }
       }
   }
   
   

   namespace Sample01.Models
   {
       /// <summary>
       /// 2018.11.19
       /// 祝雷
       /// Content視圖模式
       /// </summary>
       public class ContentViewModel
       {
           /// <summary>
           /// 內(nèi)容列表
           /// </summary>
           public List<Content> Contents { get; set; }
       }
   }
   

8. Controller:模型建好了，那么我們就新建一個控制器，然后再創(chuàng)建一些模擬的數(shù)據(jù)吧，代碼如下：

   namespace Sample01.Controllers
   {
       /// <summary>
       /// 2018.11.19
       /// 祝雷
       /// Content控制器
       /// </summary>
       public class ContentController : Controller
       {
           /// <summary>
           /// 首頁顯示
           /// </summary>
           /// <returns></returns>
           public IActionResult Index()
           {
               var contents = new List<Content>();
               for (int i = 1; i < 11; i++)
               {
                   contents.Add(new Content { Id=i,title=$"{i}的標(biāo)題",content= $"{i}的內(nèi)容",status=1, add_time=DateTime.Now.AddDays(-i)});
               }
               return View(new ContentViewModel { Contents=contents});
           }
       }
   }
   

9. Views:模型跟控制器都建好了，那我們就建一個視圖來顯示我們創(chuàng)建的數(shù)據(jù)吧！我們可以有很多種方式創(chuàng)建這個視圖，這里給你介紹一種傻瓜式的，把鼠標(biāo)放在Index大括號里面，然后鼠標(biāo)右鍵選擇創(chuàng)建視圖，如下所示即可創(chuàng)建視圖文件，位置在/Views/Content/Index.cshtml文件：

   1542618722689

10. 我們按照如下的代碼稍微改造下這個View：

    @model ContentViewModel
    @using Humanizer;
    @{
        ViewData["Title"] = "內(nèi)容列表";
    }
    
    <div class="panel panel-default todo-panel">
        <div class="panel-heading">@ViewData["Title"]</div>
    
        <table class="table table-hover">
            <thead>
                <tr>
                    <td> <input type="checkbox" class="done-checkbox"></td>
                    <td>序號</td>
                    <td>標(biāo)題</td>
                    <td>內(nèi)容</td>
                    <td>添加時間</td>
                </tr>
            </thead>
    
            @foreach (var item in Model.Contents)
            {
            <tr>
                <td>
                    <input type="checkbox" class="done-checkbox">
                </td>
                <td>@item.Id</td>
                <td>@item.title</td>
                <td>@item.content</td>
                <td>@item.add_time.Humanize()</td>
    
            </tr>
            }
        </table>
    </div>
    

11. 然后修改下布局文件，位于 Views/Shared/_Layout.cshtml 的布局文件里面存放著所有視圖的“基礎(chǔ)”HTML。其中就包括導(dǎo)航欄，它被顯示在每個頁面的頂端。為了向?qū)Ш綑谔砑有聴l目，我們需要再這個文件中增加我們的Content樂目，代碼如下：

    <li><a asp-area="" asp-controller="Content" asp-action="Index">Content</a></li>
    

12. 到這里代碼基本完成，按下你的F5鍵，然后導(dǎo)航到Content看下效果吧：

    1542619739789

13. 這里是真的結(jié)束了！

源代碼

你以為我會上傳源代碼？騷年，想什么呢，這么簡單，還是自己敲下吧！不要妄圖做眼高手低的人哦！ 另外，如果你按照代碼一步一步的敲出來，可能也不能運行成功，What？因為視圖中有一個Nuget包需要你自己來添加，而我沒指出來，目的就是要大家自己動手來解決一下哈！再啰嗦一句，不要做眼高手低的人哦！

總結(jié)

好了，又到了總結(jié)時間，本文首先給你講解了什么是.NET Core?什么又是ASP.NET Core？接著帶著你一步一步的配置了.NET Core的開發(fā)環(huán)境。最后又帶著你一步一步的創(chuàng)建了一個ASP.NET Core的mvc項目，同時又通過一個實戰(zhàn)教你如何在頁面顯示一個Content的列表。如果你跟著樓主一點一點的把代碼敲起來，然后跑起來了！那么你會發(fā)現(xiàn)ASP.NET Core原來這么簡單。什么？你覺得簡單？那么下一篇文章，博主就帶給你一些復(fù)雜的概念，什么依賴注入啊，配置文件的加載?。ǚ治鱿略创a唄）等等！至此，快速入門ASP.NET Core看這篇就夠了，圓滿結(jié)束。有問題的小伙伴可以加入.NET Core實戰(zhàn)項目交流群：637326624