圖解創建和瀏覽ASP.NET Core 項目解決方案

本篇經驗將和大師介紹建立和瀏覽ASP.NET Core 項目解決方案的方式 , 但愿對大師的工作和進修有所幫忙!
方式/
1打開 Visual Studio 2017 。
在頂部菜單欄 , 依次選擇“文件” > “新建” > “項目...” 。
在“新建項目”對話框左側的窗格中 , 睜開“Visual C#”和“Web” , 然后選擇“.NET Core” 。  在中心窗格中 , 選擇“ASP.NET Core Web 應用法式” , 將該文件定名為 MyCoreApp , 然后選擇“確定” , 如下圖所示:

圖解創建和瀏覽ASP.NET Core 項目解決方案



2在“新建 ASP.NET Core Web 應用法式”對話框中 , 選擇“Web 應用法式(模子-視圖-節制器)”項目模板 。

3從頂手下拉菜單中選擇“ASP.NET Core 2.0” 。  (若是沒有在列表中看到“ASP.NET Core 2.0” , 請經由過程“下載”鏈接進行安裝 , 該鏈接顯示在對話框頂部四周的黃色欄中 。 )選擇 “確定” , 如下圖所示:

圖解創建和瀏覽ASP.NET Core 項目解決方案



4項目模板會建立一個解決方案 , 此中包含一個名為 MyCoreApp 的 ASP.NET Core 項目 。  睜開項目節點 , 顯示其內容 , 如下圖所示:

圖解創建和瀏覽ASP.NET Core 項目解決方案



5從“節制器”文件夾打開 HomeController.cs 文件 , 如下圖所示:

圖解創建和瀏覽ASP.NET Core 項目解決方案



6查看 HomeController.cs , 如下圖所示:

圖解創建和瀏覽ASP.NET Core 項目解決方案



7項目還有一個“視圖”文件夾 , 此中包含映射到每個節制器的其他文件夾(以及一個“共享”視圖的文件夾) 。  
例如 , /Home/About 路徑的視圖 CSHTML 文件(HTML 的擴展)將位于Views/Home/About.cshtml 。  打開該文件 , 如下圖所示:

圖解創建和瀏覽ASP.NET Core 項目解決方案



8此 CSHTML 文件利用 Razor 語法 , 基于尺度標識表記標幟和內聯 C# 的組合來呈現 HTML , 如下圖所示:

圖解創建和瀏覽ASP.NET Core 項目解決方案



9解決方案還包含 wwwroot文件夾 , 它是網站的根 。
 擺設站點時 , 可以直接將靜態站點內容(如 CSS、映像和 JavaScript 庫)置于所需路徑 , 如下圖所示:

圖解創建和瀏覽ASP.NET Core 項目解決方案



10還有各類在運行時用來辦理項目、包以及應用法式的設置裝備擺設文件 。  例如 , 默認應用法式設置裝備擺設存儲在 appsettings.json 中 。  
【圖解創建和瀏覽ASP.NET Core 項目解決方案】但可以經由過程為“開辟”情況供給 appsettings.Development.json 文件之類的體例 , 基于每個情況替代部門/所有這些設置 , 如下圖所示:

猜你喜歡