SPA에 대한 올바른 아키텍처 및 여러 구성 요소가있는 각도 2로 라우팅

Question

웹 개발과 앵귤러에 익숙하지 않습니다. 1. 로그인 페이지 여러 섹션이 포함되어야 2. 홈 페이지

홈 페이지 : 보고서, 클라이언트 등 는 또한 각 섹션이를 나는 다음 "페이지"를 가져야한다 단일 페이지 응용 프로그램을 개발해야 자체 기능 (특정 단추, 표 등).

라우팅 기본 사항을 알고 있으며 홈 페이지로 리디렉션하는 '로그인'버튼이있는 로그인 페이지를 이미 만들었습니다. 따라서 로그인 페이지는 자체 경로가있는 독립적 인 구성 요소입니다.

이제 홈 페이지를 구현해야합니다. 왼쪽의 네비게이션 탭 (항상 거기에 https://material.angular.io/components/categories처럼)을 열었고 화면의 나머지 부분에는 선택한 섹션의 특정 내용이 표시되어야한다고 결정했습니다.

더 깨끗하고 재사용하기 위해 모듈과 구성 요소의 관점에서이 모든 것을 어떻게 배열해야합니까? 또한 탐색 메뉴에서 선택한 각 섹션에 대한 표시 가능 구성 요소 변경을 구현하려면 어떻게해야합니까? 라우팅을 사용해야합니까 (그렇다면 일부 예가 인정 될 것입니다) 또는 다른 것을 사용할 수 있습니까?

Answer 1

내 프로젝트에는 많은 프로젝트/사람들의 조언에서 볼 수 있듯이 용도별로 그룹화합니다. 예를 들어 모든 기능 모듈은 하위 폴더가 구성 요소를 그룹화하는 자체 폴더입니다. 얼마나 많은 모듈을 기반으로 모듈 내에서 사용되는 서비스에 대해서는 기능 모듈과 동일한 레벨이나 '공유'폴더에 넣습니다. 앱 수준에서 모듈간에 교차하는 항목이 포함 된 공유 폴더가 있습니다.

아직 Angular CLI를 사용하지 않는 경우 개발하는 데 도움이되므로 발전기가 실제로 공통 구조로 움직이는 데 도움이됩니다.

메뉴를 변경하는 방법은 완전히 다른 큰 질문입니다. 설정에 따라 메뉴에 하드 코딩하거나 메뉴를 제어하는 ​​서비스를 만드십시오.

Answer 2

파일 배열은 사용자별로 다를 수 있습니다. 예를 들어, 인증 방법 (& 로그인)과 같이 재사용 될 서비스 인 & 서비스는 경비원들이 함께 있습니다. 구성 요소와 관련된 메소드는 구성 요소의 폴더에있을 수 있습니다.