修改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

记着点赞啊：）（：