Blazor(6)-專案結構

wasm程式的啟動點。其中包含根元件(#app)啟動、相依性注入及專案全域的服務設定等基礎設定。

靜態檔案資料夾。放置網站所需的靜態檔案，如：css檔、js檔、圖片、字型等等，同時也是web的跟目錄。 其中index.html中裡的#app即是Program中設定的根元件，專案所有畫面渲染皆會顯示於此元件中。 並且引用js及css都要在index.html中導入。

專案全域指示詞。這邊會using一些常用元件，在這邊直接using常用元件的namespace的話就不需在每個頁面都using一次。

Router元件設定的根元件。Router會攔截Request並轉譯頁面，使用Found與NotFound來處理接收到Request後的頁面處理。 若有比對到Request url就會依Found中的模板將元件渲染出來。 若比對失敗則會依NotFound的模板渲染，預設為顯示：「Sorry, there's nothing at this address.」字樣。

主要版型(Layout)資料夾。網頁Layout、Menu等共用元件及樣式都可以放在這個資料夾。 預設會有MainLayout.razor(主要版型)、NavMenu.razor(側導覽列)及

路由元件資料夾。每個頁面路由都使用@page "/[route]"來指定url路徑。

保存專案的開發環境組態：「launchSettings.json」。

這次實作會以blog設計做為範例，因此需要清除範例程式中不需要的檔案。 不需要的檔案如下：

wwwroot\sample-data(folder)

wwwroot\icon-192.png

Pages\Counter.razor

Pages\FetchData.razor

Shared\NavMenu.razor

Shared\SurveyPrompt.razor

清除完畢後專案結構如下：

這樣專案就只剩下基本所需的東西了，此階段的專案就可以做為空專案的範例了。