添加自定义视图到JHipster应用程序

时间:2016-09-21 13:53:53

标签: jhipster

在JHipster应用程序中添加新视图时,是否有Yeoman方式创建所需的所有模板?我想要一个简单的静态页面,或者一个不需要新实体的页面。让我们说我想添加一个"关于"页面,我相信我需要做以下事情:

添加"关于"链接到 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 /主/的 web应用程序/应用程序/约/ about.controller.js
  • 的src /主/的 web应用程序/应用程序/约/ about.html
  • 的src /主/的 web应用程序/应用程序/约/ 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 / main / webapp / i18n / en / global.json 的所有必要内容。

我忘记了什么吗?

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

3 个答案:

答案 0 :(得分:2)

答案 1 :(得分:2)

jhipster模块Nav Element自动为我们做。此外,它还为菜单中的新项目创建了角度组件。

答案 2 :(得分:1)

您可以尝试创建没有任何字段或关系的实体以及“--skip-server”选项。

yo jhipster:entity about --skip-server