2017-02-19 71 views
2

我使用JHipster生成了一个项目并且我想对其进行一些修改。我希望第一页成为登录页面,一个没有标题,菜单或页脚的简单页面。我看到在生成的代码中,组件是从索引中添加的。修改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> 

我不知道什么是修改这个显示的登录页面:首先是用户未登录的最好方式。如果用户登录我要显示的主页应用程序

谢谢。

回答

1

可为您解决问题最快的修复,只是开“的src /主/ web应用/应用/主页/ home.state.js”,并添加ROLE_USER权力data.authorities,像

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

这将自动将自己“存取遭拒”,但自动打开登录对话框

一个更好的解决方案将是一个登录界面添加到homeview,如果没有通过验证,或者只是登录组件升级到自己的路线。

+0

谢谢,这有助于我理解项目的结构,但我的问题依然存在。我想要一个没有导航栏和页脚的登录页面。如果我使用你的方法,它会告诉我一个模式,我不希望 – Dorin

+0

在这种情况下,你需要添加一个新的路由“登录”,并强制路由到它,当没有用户通过身份验证。如果可能的话,我将使用登录控制器的新路线(也就是说,它在非模态时起作用),否则请复制并粘贴或更改该控制器以便在整页控制器上使用。如果你卡住了,我尝试把一些示例代码作为答案 –

+0

我的问题是,我不知道如何显示没有导航栏和页脚的登录页面,因为它包含在index.html中,就像我在帖子中说的那样。我不想删除该代码,因为它对于其他应用程序很有用。此外,我创建了一个新的布局和控制器,现在该功能可以工作。 – Dorin