다중 사용자 웹 응용 프로그램의 각도 4 구조

Question

3 가지 유형의 사용자가있는 프런트 엔드에 대해 각도 4로 Webapp를 작성하려고합니다. 나는 이것을 익숙하게하기 위해 모범 사례가 무엇인지에 관해서 조언하고 있습니다.

지금은 각 HTML, CSS 및 TS 파일, 또한 서비스 모델과 유틸로, 아래로 모두를 작성하지 않은

v app 
    v shared 
    v main 
     > app  //this is what u see before login/reg, after that you're redirected to the apropriate view 
     > admin-view 
     admin-component.html 
     admin-component.css 
     admin-component.ts 
     > patient-view 
     > my-profile 
      >edit-profile 
      //they all have html, css and ts 
      >appointments-history 
      >procedures-done 
     > dentist-search 
     > dentist-profile 
     > change-password 
    > models 
    > services 
    > util 
    app-routing-module.ts 
app.module.ts 

, 나는 그들이 꽤 똑바로 생각 : 나는 지금까지 무엇을 공유하고있어 앞으로.

내 질문 : 올바른 위치에 앱 라우팅 모듈이 있거나 app.module.ts 옆에 있어야합니다. 2) 환자보기에서와 같이 중첩 구성 요소에 대해 별도의 앱 라우팅 모듈을 만들어야합니까? > 내 프로필> 프로필을 수정하거나 app-routing.module.ts에 자녀로 나열하는 것이 좋습니다.

암호 구성 요소 변경과 같은 반복적 인 구성 요소가있는 경우 어떻게되는지, 또한 환자 및 치과의가 동일한 검색 구성 요소가 있습니다. 해당 구성 요소를 별도의 폴더에 배치해야하며 :

>main 
    >admin-view 
    >app 
    >dentist-view 
    >patient-view 
    >shared 

각 구성 요소 라우팅에서 하위 요소로 선언해야합니까? 또한 내가 완전히 잘못한 것을하고있는 중이라면, 배우면서 나는 말하기를 바랍니다. 그러나 나는 최고의 규칙과 관례를 따르고 싶습니다.

미리 감사드립니다.

Answer 1

가 올바른 위치에 모듈을 응용 프로그램이 라우팅, 또는이 앱 routing.module.ts은 옆에 파일

각도-CLI 장소를 app.module.ts 옆에 있어야한다입니다 app.module.ts 파일.

나는 환자보기> 내 프로필> 프로필 편집과 같은 중첩 된 구성 요소에 대한 별도의 앱 라우팅 모듈을 만들거나, 잘 그들을 앱 routing.module.ts 어린이로 나열하는 것입니다한다. 당신이 lazy-loaded modules 지원하려면

, 각 게으른로드 모듈의 moduleNome에게 -routing.module.ts을 만들어야합니다. 역할에 맞지 않는보기가 사용자에게 필요하지 않으므로 사용자 역할 특정보기가있는 응용 프로그램의 지연로드는 의미가 있습니다. 또한 응용 프로그램이 커지기 시작하면 (라우팅 모듈에서 10 개 이상의 라우트를 가정 해 봅시다) 작은 지연 모듈로 분해하여 응용 프로그램이 너무 오랫동안로드되지 않도록 고려하는 것이 좋습니다.

앱이 작고로드 시간에 신경 쓰지 않는다면 app-routing.module.ts에 모든 경로가 있어야한다고 생각합니다.

Answer 2

좋은 폴더 구조를 가진 Angular-Cli를 사용하는 것이 좋습니다. 그래서 새로운 애플 리케이션을 만들고, 모듈을 만들고, 컴포넌트를 생성 할 수 있습니다. 이제 많은 SPA 개발자가 엔터프라이즈 스파 애플리케이션을 만들 때 ng-cli를 사용합니다.

예 : shahred & 자산에는 단일 장소가 있으며 unitTesting에는 사용을위한 e2e 프레임 워크가 있습니다. cli는 페이지 수명주기가 매우 좋습니다.

행운을 빕니다