October 9, 2019
Wir müssen eine klare App-Struktur haben, um die Anwendung skalierbarer zu machen und vor allem für die Teammitglieder leicht verständlich zu gestalten. Schauen wir uns an, wie wir Dateien und Ordner organisieren können.
Sobald ich mit Flutter begonnen habe, war ich von der Einfachheit, die es in die App-Entwicklung bringt, begeistert. Flutter hat fast alles, was ich mir vorstellen kann: Es hat ein create-flutter Starter-Kit, Hot Reloading, ein Unit-Testing-Framework und jede Menge Widgets.
Das ist großartig, ich habe ein "Hallo Welt!" entwickelt, alles sah cool und schnell aus. Das ist gut, wie wäre es mit dem Aufbau einer echten Anwendung mit komplexeren Funktionen, Zustandsverwaltung, Verbindung zu Firestore, API-Anfragen, benutzerdefiniertem Design usw. OK, lass uns das machen, wir öffnen die main.dart-Datei und fangen an, Code zu schreiben.
Warte mal, soll ich all meine Sachen in die main.dart Datei legen? Auf keinen Fall. Wir müssen eine klare App-Struktur haben, um die Anwendung skalierbarer zu machen und vor allem ist es wichtig, dass es für die Teammitglieder leicht und verständlich ist.
Lass uns sehen, wie man Dateien und Ordner organisiert.
index.dart Datei:
Diese Datei dient dazu, alle meine Pakete zu halten, die in anderen Klassen benötigt werden. Ich habe diese EINE Datei in all meinen anderen Klassen und Widgets importiert.
BilderOrdner, um die Bilder/Ressourcen des Projekts zu speichern.
BildschirmeDieser Ordner enthält die Bildschirme, die in den Routen in der main.dart-Datei konfiguriert werden.
AnbieterIch verwende das Provider-Muster für diese Anwendung zur Zustandsverwaltung, daher werden alle Provider-Dateien mit der Dateibenennungskonvention "user_provider.dart" beispielsweise im Ordner "providers" abgelegt.
ModelleAnbieter werden diese Modelle verwenden, die sozusagen mit meiner Entität in der Datenbank verknüpft sind.
DienstleistungenDieser Ordner ist für Backend-Operationen wie die Verbindung zum Firestore oder das Aufrufen von HTTP-Anfragen usw.
DienstprogrammeAlle gemeinsamen Elemente werden hier abgelegt, z. B. Konstanten, die im Projekt verwendet werden.
Aus meiner Erfahrung im Bereich der Nicht-Mobilentwicklung hilft mir diese Struktur bei einer schnelleren Entwicklung. Natürlich gibt es auch andere Möglichkeiten, um besser zu organisieren. Bitte hinterlassen Sie einen Kommentar, wenn Sie Vorschläge haben.
Wenn du bis hierher gescrollt hast, danke fürs Lesen :)
