2016-09-21 55 views
2

在JHipster应用中添加新视图时,是否有Yeoman创建所需的所有必需模板的方法?我想要一个简单的静态页面,或者一个不需要新实体的页面。假设我想添加一个“关于”页面,我相信我需要执行以下操作:为JHipster应用添加自定义视图

将“关于”链接添加到src/main/webapp/app/layouts/navbar/navbar.html

<li ui-sref-active="active"> 
    <a ui-sref="about" ng-click="vm.collapseNavbar()"> 
     <span class="glyphicon glyphicon-wrench"></span> 
     <span class="hidden-sm" data-translate="global.menu.about">About</span> 
    </a> 
</li> 

创建以下新文件:

  • 的src/main/webapp的/应用/约/ about.controller.js
  • 的src/main/Web应用程序/应用/约/ about.html
  • 的src/main/webapp的/应用/约/ about.state.js
  • 的src/main/webapp的/i18n中/ EN/about.json,和任何其他语言...

...并添加以下行的webapp/index.html的

<script src="app/about/about.state.js"></script> 
<script src="app/about/about.controller.js"></script> 

...任何必要的内容为src /平方米ain/webapp/i18n/en/global.json

我忘了什么吗?

这是否需要手动完成?是否有Yeoman命令创建独立于实体的新视图?我知道this question has been asked,但我希望自那时起事情发生了变化。

+0

仍然是手动任务。你不需要添加js文件到你的index.html,它是通过gulp自动完成的 –

回答

1

您可以尝试创建一个没有任何字段或关系的实体,并使用“--skip-server”选项。

yo jhipster:entity about --skip-server

+0

使用来自Xavi托伦斯的Nav元素评论 – tibi

1

的jhipster模块Nav Element为我们做什么,它会自动。另外,它也为菜单中的新项目创建角度分量。

+0

这个作品很好! – tibi

相关问题