我看了凱哥老師的教學,這次的筆記是參考這支影片:

https://www.youtube.com/watch?v=j7CIx9SuKak&list=PLneJIGUTIItsCaiHCd8Rte8kM0fIlyM2f&index=4

(在此謝謝凱哥提供中文解說 .NET Core MVC)

 

本篇文章是 ASP.NET Core MVC 筆記系列,相關文章可參考:

ASP.NET Core MVC (.NET 6) 學習心得

 

1. 建立 ASP.NET Core MVC (Model-View-Controller) 應用程式

打開你的 VS 2022,選擇"建立新的專案"

選擇"ASP.NET Core Web (MVC)",點擊"下一步"

專案與方案名稱都不用改,直接"下一步"

【備註】一個方案底下,可以有很多個專案,通常遇到大型架構就會這樣組合

這邊架構一定要選".NET 6.0 (LTS)",其他設定都不動,按下"建立"就好

2. 認識 Core MVC 架構

這邊不細講 VS 2022 要怎麼操作,直接來看"方案總管"的架構

選擇左上方"檢視 / 方案總管",右邊就會跑出方案總管,可參考下圖操作

看一下 Properties / launchSettings.json

大致上剛 build 好的新專案,launchSettings 幫你設定好這個專案走的 Port 號

在啟動的時候,下圖第 3 點預設是給你 WebApplication 啟動,你也可以選擇 IIS 啟動喔

再來看 wwwroot

你可以看到有 css js 等資料夾,這就是放"靜態資源"的地方

像是 Python 的 Flask 框架,它的靜態資源是放在 static 這個 folder 裡面

在 Core MVC 則放在 wwwroot 喔

如果你把專案 build 起來,在網址輸入 /css/site.css

成功的話會看到 css 的 code

接著是 appsettings.json 這個檔案

可以用來設定 DB 的 Connection String

對了,這邊的寫法是用 json 格式,不是 C# 喔 (因為它是 json 檔案)

最後一個是 Program.cs

回到 C# 寫法,這邊可以設定 Error Page 和 Route 怎麼走

今天到這邊,歡迎在下方跟我分享你學習 .NET 的各種過程~

 


 

若喜歡本文章,可以在文章「左上方按個👍」或是在「下方留言鼓勵👏」 謝謝您!

 

 FB 粉絲專頁

https://facebook.com/mrw.computer

IG 粉絲專頁

https://www.instagram.com/mrw.computer/

文章標籤
全站熱搜
創作者介紹
創作者 Mr. W 的頭像
Mr. W

電腦村莊

Mr. W 發表在 痞客邦 留言(0) 人氣(202)