iT邦幫忙

2024 iThome 鐵人賽

DAY 4
0
Modern Web

ASP.NET Core的終極奧義:從零到無敵系列 第 4

Day_4 建立你的第一個ASP.NET Core應用

  • 分享至 

  • xImage
  •  

3. 建立你的第一個ASP.NET Core應用

在完成環境配置後,你已經準備好建立你的第一個ASP.NET Core應用。這一節將帶你一步步創建一個簡單的ASP.NET Core應用,幫助你熟悉開發流程和框架結構。

3.1 創建新項目
首先,我們將在Visual Studio或Visual Studio Code中創建一個新的ASP.NET Core項目。

使用Visual Studio:

打開Visual Studio,選擇「創建新項目」。
在項目模板中,選擇「ASP.NET Core Web 應用」。
為你的項目命名,選擇一個合適的存儲位置,然後點擊「下一步」。
在「Configure your new project」頁面中,選擇目標框架(.NET 6或更新版本),並選擇應用類型(例如MVC),點擊「創建」。
Visual Studio會自動生成一個基本的ASP.NET Core應用結構,包含Controllers、Views、和Models文件夾。
使用Visual Studio Code:

打開終端或命令提示符,導航到你希望創建項目的目錄。
使用dotnet new命令創建項目。例如,輸入dotnet new mvc -n MyFirstApp,將生成一個基於MVC模式的ASP.NET Core應用。
使用code .命令打開Visual Studio Code,然後打開剛剛創建的項目。
建議圖片:在Visual Studio中選擇項目模板和配置項目的截圖,以及在Visual Studio Code中使用命令創建項目的截圖。

3.2 探索項目結構
創建項目後,你會發現ASP.NET Core應用的結構相當清晰且模塊化。這裡是一些主要的文件和文件夾的簡要介紹:

Controllers/:儲存控制器類,負責處理用戶請求並返回響應。控制器通常與模型和視圖協同工作來生成完整的頁面。
Views/:儲存視圖文件(.cshtml),這些文件負責顯示數據給用戶。視圖通常與控制器一起使用,以動態生成HTML內容。
Models/:儲存應用中的數據模型,這些模型表示業務邏輯或應用中使用的數據結構。
Program.cs:應用程序的入口點,配置服務和中間件。
Startup.cs(僅在.NET 5及以前版本中存在):用於配置應用程序的請求管道和依賴注入服務。
appsettings.json:應用程序的配置文件,用於存儲環境相關的設置,例如數據庫連接字符串。
建議圖片:ASP.NET Core項目結構的樹狀圖,標示出主要文件和文件夾的位置。

3.3 運行應用程序
現在,你已經準備好運行應用程序並查看結果。

使用Visual Studio:

點擊工具欄中的「IIS Express」或「Kestrel」,啟動應用程序。
Visual Studio會啟動應用並在瀏覽器中自動打開首頁(通常是https://localhost:5001或https://localhost:5000)。
使用Visual Studio Code:

在終端中輸入dotnet run,運行應用程序。
你會在終端中看到應用正在運行的URL,通常是https://localhost:5001或https://localhost:5000。
打開瀏覽器並輸入該URL來查看應用的首頁。
建議圖片:運行ASP.NET Core應用程序後,在瀏覽器中顯示的預設歡迎頁面截圖。

3.4 自定義首頁
接下來,我們可以嘗試修改首頁的內容來更好地理解ASP.NET Core的工作方式。

打開Views/Home/Index.cshtml文件。這是應用首頁的視圖文件。
找到標籤,將其內容更改為「歡迎來到我的第一個ASP.NET Core應用!」
保存文件,然後刷新瀏覽器來查看變更。
這樣,你就成功地修改了首頁的內容,這展示了ASP.NET Core的視圖是如何與控制器協同工作的。


上一篇
Day_3 環境配置與開發工具介紹
下一篇
Day_5 理解MVC架構的奧義
系列文
ASP.NET Core的終極奧義:從零到無敵30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言