undefined

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

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,選擇"建立新的專案"

01-001.png

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

01-002.png

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

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

01-003.png

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

01-004.png

2. 認識 Core MVC 架構

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

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

01-005.png

看一下 Properties / launchSettings.json

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

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

01-006.png

再來看 wwwroot

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

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

在 Core MVC 則放在 wwwroot 喔

01-007.png

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

成功的話會看到 css 的 code

01-008.png

接著是 appsettings.json 這個檔案

可以用來設定 DB 的 Connection String

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

01-009.png

最後一個是 Program.cs

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

01-010.png

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

 


 

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

 

 FB 粉絲專頁

https://facebook.com/mrw.computer

IG 粉絲專頁

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

Mr.W 電腦村莊_FB封面照.png

IG-new.png

arrow
arrow
    創作者介紹
    創作者 Mr. W 的頭像
    Mr. W

    Mr. W 電腦村莊

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