修改Jhipster的預設布局--Jhipster的預設Menu調整

技術交流QQ群  729201346

Jhipster的菜單為Top菜單，但是我們習慣Top菜單和Left菜單相結合，那麼怎樣修改Jhipster的預設菜單呢？

1，首先安裝字型依賴檔案

     npm install --save font-awesome

2，安裝jquery

   npm install jquery --save

3，引入husen.css，stylesheet.css，font-awesome.css

    src\main\webapp\content\scss\vendor.scss

    @import 'stylesheet.css';

   @import 'husen.css';

   @import '~font-awesome/css/font-awesome.css';

4，添加和修改菜單和布局相應檔案headernavbarwen，navbar，main

5，修改src\main\webapp\app\layouts\index.ts檔案，添加引用

    export * from './headernavbar/headernavbar.component';

    export * from './headernavbar/headernavbar.route';

6，修改src\main\webapp\app\app.module.ts 檔案

7，npm start 檢視

   http://localhost:9000

源碼下載下傳：https://gitee.com/husens/husen

記着點贊啊：）（：