Über MiracleList
MiracleList ist eine umfangreiche, sehr realitätsnahe Beispielanwendung, die eine ähnliche Benutzeroberfläche und Funktionen wie das inzwischen leider eingestellte Wunderlist bietet. Diese Beispielanwendung verwendet Dr. Holger Schwichtenberg in seinen Fachbüchern, Schulungen und Vorträgen.
Während in vielen Veröffentlichungen und Weiterbildungsmaßen immer nur einzelne kleine, aus dem Kontext gerissene Beispiele gezeigt werden, dient MiracleList dazu, Softwareentwicklern möglichst viele Funktionen in einem praxisnahen Gesamtzusammenhang zu zeigen.
Vier Blazor-Implementierungen der MiracleList
Es gibt vier auf ASP.NET Core Blazor basierende Implementierung des MiracleList-Frontends:- MiracleList_BS: MiracleList mit Blazor Server (2-Tier mit Direktzugriff auf die Datenbank)
- MiracleList_BW: MiracleList mit Blazor WebAssembly (3-Tier mit Zugriff auf die Daten über WebAPI-basierten Application Server)
- MiracleList_BU: MiracleList mit "Blazor United" d.h. Auto-Rendering-Modus mit Umschalten von Blazor Server zu Blazor WebAssembly (3-Tier mit Zugriff auf die Daten über WebAPI-basierten Application Server)
- MiracleList_BD: MiracleList mit Blazor Desktop in einer WPF-Rahmenanwendung (2-Tier mit Direktzugriff auf die Datenbank)
- MiracleList_BM: MiracleList mit Blazor MAUI (3-Tier mit Zugriff auf die Daten über WebAPI-basierten Application Server)
Features der Blazor-Implementierung der MiracleList
Welche Funktionen die Blazor-Implementierungen der MiracleList aus Benutzersicht bieten, finden Sie in der Tabelle auf www.MiracleList.net
Aus technischer Sicht demonstrieren die Blazor-Implementierungen der MiracleList für Softwareentwickler folgende Funktionen von Blazor:
- Alle vier Blazor-Varianten (Blazor WebAssembly,Blazor Server,Blazor Desktop, Blazor MAUI) für Browser und als Hybridanwendung
- Sehr viel Shared Code zwischen allen Blazor-Varianten mit einem gemeinsamen UI in einer Razor Class Library
- Abstraktion zwischen einer 2-Tier- und 3-Tier-Anwendung: Mit dem gleichen Komponenten sowohl direkt auf eine Datenbank zugreifen als auch Nutzung von WebAPIs auf einem Application Server
- Listenansichten mit Suchen und Filtern
- Bearbeitungsformular mit Validierung
- Datei-Upload
- Tastaturereignisse
- Editierbares Datagrid
- Drag&Drop
- Kontextmenüs
- Modale Dialoge
- Toast-Benachrichtigungen
- Ständig aktualisierte Statusanzeige für Backendsysteme
- Generierung eines Berichts via Microsoft Word (nur in Hybridanwendung)
- Authentifizierung und Autorisierung
- Nutzung des Local Storage des Browsers
- Fenster-Synchronisation mit Push-Nachrichten via ASP.NET Core SignalR
- Progressive Web App (nur Blazor WebAssembly)
- Einsatz kostenfreier Zusatzkomponenten
MiracleList-Live-Systeme in der Cloud
- Backend mit C#/ASP.NET Core: https://miraclelistbackend.azurewebsites.net
- Web-Frontend C#/Blazor Server: https://miraclelist-bs.azurewebsites.net
- Web-Frontend C#/Blazor WebAssembly: https://miraclelist-bw.azurewebsites.net
- Web-Frontend TypeScript/Vue.js: https://miraclelist-vue.azurewebsites.net/
- Web-Frontend TypeScript/Angular: http://www.miraclelist.net
- Windows-Client TypeScript/Angular/Electron: https://Miraclelist.azurewebsites.net/download/MiracleListElectron-win32-x64.rar
- MacOS-Client TypeScript/Angular/Electron: https://Miraclelist.azurewebsites.net/download/MiracleListElectron-darwin-x64.rar
- Linux-Client TypeScript/Angular/Electron: https://Miraclelist.azurewebsites.net/download/MiracleListElectron-linux-x64.rar
MiracleList-Quellcode
- Backend .NET Core: https://github.com/HSchwichtenberg/MiracleListBackend
- Frontend TypeScript/Angular: https://github.com/HSchwichtenberg/MiracleListAngular
- Frontend TypeScript/Vue.js: https://github.com/HSchwichtenberg/MiracleListVue
- Frontend C#/Blazor: https://www.IT-Visions.de/BlazorBuch (in den Downloads zu diesem Buch)
Weitere Informationen
- Website zum MiracleList-Projekt: www.miraclelist.de