向 JHipster 应用程序添加自定义视图答案

【问题标题】：add a custom view to JHipster app向 JHipster 应用程序添加自定义视图
【发布时间】：2016-09-21 13:53:53
【问题描述】：

在 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/main/webapp/app/about/about.controller.js
src/main/webapp/app/about/about.html
src/main/webapp/app/about/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，但我希望从那时起情况有所改变。

【问题讨论】：

仍然是一项手动任务。你不需要将js文件添加到你的index.html，它是由gulp自动完成的

标签： jhipster

【解决方案1】：

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

【讨论】：

【解决方案2】：

这里是如何添加静态页面的说明： https://codefitter2.blogspot.com/2016/09/how-to-add-new-menu-and-static-page-in.html

【讨论】：

【解决方案3】：

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

yo jhipster:entity about --skip-server

【讨论】：

使用来自 Xavi Torrens 评论的导航元素