AngularJS
Winkelprojekt - Verzeichnisstruktur

Verzeichnisaufbau

Eine häufig gestellte Frage unter neuen Angular-Programmierern: "Wie sollte die Struktur des Projekts aussehen?". Eine gute Struktur hilft bei der Entwicklung einer skalierbaren Anwendung. Wenn wir ein Projekt starten, haben wir zwei Möglichkeiten: Sort By Type (links) und Sort By Feature (rechts). Der zweite ist besser, vor allem in großen Anwendungen wird das Projekt viel einfacher zu verwalten.

Nach Typ sortieren (links)

Die Anwendung ist nach Dateityp organisiert.

• Vorteil - Geeignet für kleine Apps, nur für Programmierer, die mit Angular beginnen und leicht auf die zweite Methode umwandeln können.
• Nachteil - Selbst für kleine Apps wird es schwieriger, eine bestimmte Datei zu finden. Eine Ansicht und ihr Controller befinden sich beispielsweise in zwei separaten Ordnern.

Sortiere nach Funktion (rechts)

Die empfohlene Organisationsmethode, bei der die Ablage nach Merkmalstyp sortiert wird.

Alle Layoutansichten und Controller werden im Layoutordner gespeichert, der Admin-Inhalt wird im Admin-Ordner gespeichert und so weiter.

• Vorteil - Bei der Suche nach einem Codeabschnitt, der eine bestimmte Funktion bestimmt, befindet sich dieser in einem Ordner.
• Nachteil - Dienste sind etwas anders, da sie viele Funktionen „bedienen“.

Weitere Informationen dazu finden Sie unter Winkelstruktur: Refactoring für Wachstum

Die vorgeschlagene Dateistruktur, die die beiden zuvor genannten Methoden kombiniert:

Kredit zu: Angular Style Guide