[MDP.BlazorCore] 快速建立跨Web、App執行的BlazorApp專案

Clark159發表於2024-04-24

團隊資源受限的時候,使用Blazor開發應用系統,只需開發一份程式碼及使用一種程式語言,就同時產出Web跟App應用系統。

本篇文章,紀錄使用MDP.BlazorCore所提供的樣板,快速建立跨Web、App執行的BlazorApp專案。為自己留個紀錄,也希望能幫助到有需要的開發人員。
.
安裝指令:

dotnet new install MDP.BlazorApp::8.0.2-beta03

dotnet new MDP.BlazorApp -n BlazorApp1

.

專案執行:

1. 使用Visual Studio開啟,指令建立的BlazorApp1.sln。

2. 將BlazorApp1.WebApp設定為啟動專案,按下執行專案,就可以看到Web版的程式畫面。

3. 將BlazorApp1.MauiApp設定為啟動專案,按下執行專案,就可以看到Windows版的程式畫面。

.

專案分層:

- BlazorApp1.CoreApp:Blazor程式專案,包含Blazor元件及wwwroot靜態檔案。這份程式碼,可以同時執行在Web跟App平臺。

- BlazorApp1.WebApp:Blazor Web執行專案,用來在Web站臺上,執行Blazor程式專案。

- BlazorApp1.MauiApp:Blazor Maui執行專案,用來在Android、iOS、Windows上,執行Blazor程式專案。

- MyLab.Todos:領域層範例。提供Context、Repository、Entity程式碼,及依賴注入Repository介面範例。

- MyLab.Todos.Accesses:資料存取層範例。提供Repository實作程式碼,及自動註冊Repository實作範例。

.

程式原始碼:

https://github.com/MDPNetCore/MDP.NetCore

相關文章