AngularJS
Angular Project - Struktura katalogów

Struktura katalogów

Często zadawane przez nowych programistów Angular pytanie: „Jaka powinna być struktura projektu?”. Dobra struktura pomaga w tworzeniu skalowalnych aplikacji. Kiedy rozpoczynamy projekt, mamy dwie możliwości: Sortuj według typu (po lewej) i Sortuj według funkcji (po prawej). Drugi jest lepszy, szczególnie w dużych aplikacjach, projekt staje się znacznie łatwiejszy do zarządzania.

Sortuj według typu (po lewej)

Aplikacja jest zorganizowana według typu plików.

• Zaleta - dobre dla małych aplikacji, dla programistów, którzy dopiero zaczynają korzystać z Angular, i jest łatwe do przekonwertowania na drugą metodę.
• Wada - nawet w przypadku małych aplikacji zaczyna być trudniej znaleźć określony plik. Na przykład widok i jego kontroler znajdują się w dwóch osobnych folderach.

Sortuj według funkcji (po prawej)

Sugerowana metoda porządkowania, w której pola są sortowane według typu obiektów.

Wszystkie widoki i kontrolery układu znajdują się w folderze układu, zawartość administratora jest w folderze administratora i tak dalej.

• Zaleta - gdy szukasz części kodu określającej określoną funkcję, wszystko znajduje się w jednym folderze.
• Wada - usługi są nieco inne, ponieważ „obsługują” wiele funkcji.

Możesz przeczytać więcej na ten temat w Angular Structure: Refactoring for Growth

Sugerowana struktura plików łącząca obie wyżej wymienione metody:

Podziękowania dla: Angular Style Guide