JHipster가 로그인 페이지에 대한 코드를 생성합니다.

Question

JHipster를 사용하여 프로젝트를 생성했습니다. 몇 가지 수정을하고 싶습니다. 첫 페이지를 헤더, 메뉴 또는 꼬리말이없는 단순한 로그인 페이지로 만들고 싶습니다. 생성 된 코드에서 구성 요소가 인덱스에서 추가 된 것을 보았습니다.

<page-ribbon></page-ribbon> 
<div ui-view="navbar" ng-cloak></div> 
<div class="container"> 
    <div class="well" ui-view="content"> 
     <!-- Angular views --> 
    </div> 

    <div class="footer" ng-cloak> 
     <p data-translate="footer">This is your footer</p> 
    </div> 
</div> 

내가 뭘 먼저 로그인하지 않은 사용자입니다의 로그인 페이지를 표시하려면이 옵션을 수정할 수있는 가장 좋은 방법은 몰라요. 사용자가 로그온 한 경우 내가의 홈 페이지를 표시 할에 응용 프로그램

감사.

Answer 1

문제를 해결하기 위해 사용할 수있는 빠른 수정,

$stateProvider.state('home', { 
     parent: 'app', 
     url: '/', 
     data: { 
      authorities: ['ROLE_USER'] 
     }, 
     views: { 
      'content@': { 
       templateUrl: 'app/home/home.html', 
       controller: 'HomeController', 
       controllerAs: 'vm' 
      } 
     }, 
     ... 

처럼, 단지 data.authorities에 ROLE_USER 권한을 "SRC/메인/웹 애플리케이션/응용 프로그램/홈/home.state.js"를 열고 추가하는 것입니다

자동으로 자신을 "액세스 거부"로 라우팅하지만 자동으로 로그인 대화 상자를 엽니 다.

인증되지 않은 경우 homeview에 로그인 UI를 추가하거나 로그인 구성 요소를 자신의 것으로 업그레이드하는 것이 더 나은 해결책입니다. 노선.