Ordnerstruktur in AngularJS

Dieser Artikel zeigt, wie Sie eine Ordnerstruktur für eine große und skalierbare AngularJS-Anwendung erstellen.

Ordnerstruktur in AngularJS

Unsere Angular-Anwendung wächst und wir möchten, dass sich unsere Struktur anpasst. Wenn unsere App wächst, wird es noch wichtiger, sie zu strukturieren, um die Verwaltung und Wartung unserer App zu vereinfachen, während sie wächst.

Es gibt zwei Ansätze, um das Verständnis, die Wartung und Verwaltung unserer Anwendung zu vereinfachen. Der erste ist das Sortieren unserer Dateien nach ihren jeweiligen Typen.

Zum Beispiel Anordnen von Controllers im Ordner Controllers, Views im Ordner View, Services im Ordner Services.

Auf der linken Seite verwenden wir Sort By Type, in dem wir unsere Dateien nach Typ geordnet haben. Diese Ordnerstruktur ist nützlich für eine kleinere Anwendung mit wenigen views, Controllern und services.

Aber stellen Sie sich vor, wenn wir 30 oder 40 Controller, views und services haben, wird es sehr schwierig sein, die richtige Datei zu finden, nach der wir suchen.

Die zweite Methode (rechte Seite) ist Sort By Feature und sortiert unsere Dateien nach Merkmalen; Dies ist die beste Methode, um unsere Ordnerstruktur für eine größere und skalierbare Anwendung zu sortieren. Diese Methode ist einfach zu verstehen, zu warten und zu verwalten.

Wir haben unsere Dateien nach Merkmalen auf der rechten Seite des Bildes angeordnet; Wir haben Ordner für jede Funktion erstellt.

Jeder Ordner enthält eine view, einen service und einen controller für eine bestimmte Funktion. Es ist sehr einfach, die gesuchte Funktion zu finden und zu bearbeiten.