2016-09-21 56 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

相關問題