一般情況下,我們都是從一個模板(template)開始創建應用的(模板:提供構建應用程序所需的基本代碼)。本節使用 Visual Studio 2017 、ASP.NET Core2.0和 Visual Studio自帶的模板創建一個基本的ASP.NET Core 應用。當然你也可以使用 .NET CLI,它擁有同樣的模板。
本節將告訴你如何創建應用,如何恢復依賴項,編譯應用程序,並運行它以查看HTML輸出。示例雖是很簡單的 , 只有三個不同的頁面,但它是一個完整的ASP.NET Core應用程序。創建一個ASP.NET Core應用並運行它,一般分為四步:
a、創建 - 從模板創建基礎應用程序;
b、還原 - 使用Nuget將所有程序包和依賴項還原到本地項目文件夾;
c、生成 - 編譯應用程序並生成應用;
d、運行 - 運行已編譯的應用程序;
創建ASP.NET Core 應用
使用模板可以快速創建並運行應用程序,它將自動為您配置許多基礎部分。 Visual Studio和.NET CLI附帶了許多用於構建Web應用程序的標准模板,控制台應用程序和類庫。 要創建Web應用程序,請打開Visual Studio並執行以下步驟:
1、文件(File) > New (新建)> Project(項目);
2、從左側的Templates節點中,選擇.NET Core,然后選擇ASP.NET Core Web應用程序;
3、輸入名稱,位置和解決方案名稱(可選),然后單擊“確定”,如下圖所示:
4、在下圖執行如下操作:
a、選擇ASP.NET Core 2.0,生成的應用程序將為ASP.NET Core2.0應用程序;
b、選擇Web Application (Model-View-Controller) < Web 應用程序(模型 - 視圖 - 控制器)>, 它將創建一個傳統的,用戶在Web瀏覽器中查看其生成的HMTL頁面的Web應用程序;另一個Web 應用程序 <Web Application> 模板,它使用新的ASP.NET Core 2.0 中的Razor Pages2 功能;Web API模板生成一個使用指定格式(JSON XML)為SPA(單頁面應用)和API返回數據的應用程序; Angular、React.js、React.js和Redux模板將生成指定的SPA(單頁面應用)應用程序;
c、確保未指定身份驗證;
d、確保未選中 “Enable Docker Support(啟用Docker支持)";
e、點擊Ok(確定);
5、等待Visual Studio從模板生成應用程序, 一旦Visual Studio完成生成應用程序,您將看有關ASP.NET Core的介紹頁面,Visual Studio為您的項目創建並添加了多個文件,如下圖所示:
注意:如果你使用.NET CLI,請輸入如下指令來創建上面的應用(dotnet new mvc –o WebApplication2),-o參數,指示CLI在名為WebApplication2的子文件夾創建應用。
編譯ASP.NET Core 應用
此時,我們擁有運行應用程序所需的絕大部分文件,但您離完成還着兩步了。 首先,您需要確保項目使用的所有依賴項恢復到您的本地目錄,其次,您需要編譯您的應用程序。第一步不一定需要,因為Visual Studio和.NET CLI在首次創建項目時會自動恢復軟件包(在早期版本的.NET CLI(2.0之前)中,需要手工使用dotnet restore恢復依賴項)。您可以選擇菜單 Build> Build Solution來編譯應用程序,或者使用快捷鍵Ctrl + Shift + B,或者從命令行運行dotnet build命令,或者從Visual Studio的程序包管理器控制台運行dotnet build 命令。 如果你使用Visual Studio 編譯,輸出窗口將顯示編譯進度。
注:一般情況Visual Studio and the .NET CLI會自動檢查應用程序的更改,並自動執行此步。
.NET Core跨平台開發的基礎組件之一.NET Core命令行界面(CLI),它提供了許多基本命令用於創建、構建和運行.NET Core應用程序。 Visual Studio會自動調用這些命令,同時,您也可以直接從命令行執行他們。 開發過程中最常見的命令有:
a、dotnet restore;
b、dotnet build;
c、dotnet run;
這些命令中需要在項目文件夾中運行。所有ASP.NET Core應用程序都依賴許多不同的外部應用程序庫,通過NuGet包管理器進行管理。這些依賴項顯示項目中,但不包括庫本身的文件。在構建和運行應用程序之前,需要確保項目文件夾中存在每個依賴項有一個本地副本。dotnet restore,將確保應用程序的NuGet依賴項被復制到項目文件夾。如果你使用2.0版的.NET CLI,將不再需要顯式運行此命令。ASP.NET Core項目在項目的csproj文件(XML文件格式)中列出它們的依賴項。它將每個依賴項列為PackageReference節點,運行 dotnet restore命令時,它使用此文件來確定要下載的NuGet包並復制到您的項目文件夾。dotnet build 命令 編譯應用程序。它將檢查應用程序是否有任何錯誤,如果沒有,將生成可以運行的應用程序,dotnet run 為運行應用的命令。每個命令都包含許多可以修改其行為的選項。查看完整的可用命令列表,使用如下命令:
dotnet --help
查看特定命令的可用選項(例如new,run)使用如下命令
dotnet new --help
運行ASP.NET Core 應用
現在應用程序已經准備就緒,可以使用多種方式來運行它。 在Visual Studio中,您可以單擊IIS旁邊工具欄上的綠色箭頭快速,或按F5快捷方式。 Visual Studio將自動打開Web瀏覽器窗口為您提供適當的URL,在一兩秒后,您將看到您的全新應用程序,如下所示。可以使用.NET CLI工具從命令行執行命令 dotnet run 運行應用程序並使用命令行上提供的地址手動在Web瀏覽器中打開URL。運行結果如圖所示:
默認情況下,此頁面顯示指向外部資源的各種鏈接以及頁面頂部的大橫幅廣告輪播(它會滾動顯示多個圖像)。 在頁面頂部有三個鏈接:主頁,關於和聯系人。 主頁鏈接是您當前的頁面上。 單擊“關於”或“聯系人”將轉到新頁面,如下圖所示:
此時,菜單各應用程序標題“WebApplication2”在所有三個頁面上都是相同的。 別外,頁面的標題(如瀏覽器的選項卡所示),跟當前頁面相匹配。 我們將在后面的介紹如何使用使用Razor模板實現這些功能。
謝謝你的閱讀,下節見!如果期待本系列,請點一下推薦!