AngularJS
Hoekproject - Directorystructuur

Directorystructuur

Een veel voorkomende vraag bij nieuwe Angular-programmeurs: "Wat zou de structuur van het project moeten zijn?". Een goede structuur helpt bij de ontwikkeling van een schaalbare applicatie. Wanneer we een project starten, hebben we twee keuzes, Sorteren op type (links) en Sorteren op functie (rechts). De tweede is beter, vooral in grote applicaties, het project wordt een stuk eenvoudiger te beheren.

Sorteren op type (links)

De applicatie is geordend op type bestand.

• Voordeel - Goed voor kleine apps, voor programmeurs die alleen Angular beginnen te gebruiken, en is eenvoudig te converteren naar de tweede methode.
• Nadeel - Zelfs voor kleine apps wordt het moeilijker om een specifiek bestand te vinden. Een weergave en de bijbehorende controller bevinden zich bijvoorbeeld in twee afzonderlijke mappen.

Sorteren op functie (rechts)

De voorgestelde organisatiemethode waarbij het bestand wordt gesorteerd op type functie.

Alle lay-outweergaven en controllers gaan in de lay-outmap, de admin-inhoud gaat in de map admin, enzovoort.

• Voordeel - Wanneer u op zoek bent naar een codedeel dat een bepaalde functie bepaalt, bevindt het zich allemaal in één map.
• Nadeel - Services zijn een beetje anders omdat ze veel functies "servicen".

Je kunt er meer over lezen op Angular Structure: Refactoring for Growth

De voorgestelde bestandsstructuur die beide bovengenoemde methoden combineert:

Met dank aan: Angular Style Guide