Mappák struktúrálása

1. Koncepció

A frontend alkalmazás fejlesztése során a service és model objektumokat a Swagger dokumentáció alapján generálva állítjuk elő.

Ez egyszerűsít a packagelésen olyan tekintetben, hogy a feature-ök fejlesztése során csak a komponensekhez tartozó kódot kell kézzel megírnunk és package-ekbe szerveznünk.

Ezáltal az adott projekt app mappája tartalmazza a pages package-et és azon belül vannak oldalak alapján szervezve a különböző komponensek.

Komponensek hierarchiája

Fontos, hogy az adott komponensek alá-fölé rendeltségi viszonyát a package-ekben is leképezzük.

Például a gyerek komponensek ne a szülő komponenssel egyszinten, hanem a szülő komponens mappáján belül almappákba szervezve legyenek létrehozva.

Pl.: A Semi Product esetén a client-managment-nek child komponense a list-client, ami ebből következően nem közvetlenül a fő component mappában, hanem client-management mappában található.

2. Struktúra

A struktúra az alábbi módon épül fel:

A project könyvtár minden projekten adott, ezen a mappán belül található a shared és a projects könyvtár.

A shared mappában található a frontend alkalmazások által közösen használható komponensek, direktívák, assetek stb. kódja.

A projects mappa alatt találhatóak az egyes frontend projektek mappái. Pl.: admin és client.
A projects packageben található könyvtárak valójában külön buildehető és indítható frontend alkalmazásokat jelölnek, így minden egyes frontend alkalmazás külön packagebe kell kerüljön a projects mappa alá.

Az adott projekt könyvtár alatt az src/app mappába kerülnek feature független alkalamazás kódot tartalmazó guard, interceptor, service stb. mappák, illetve a component mappa.

A pages mappa alatt oldalakra bontva szervezzük az egyes feature-ök kódját.

A feature mappák alá az esetleges child komponensek packagei kerülhetnek. Természetesen egy child komponensnek is lehetnek további child komponensei.