天天看点

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

修改Jhipster的默认布局--Jhipster的默认Menu调整

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 文件

修改Jhipster的默认布局--Jhipster的默认Menu调整

7,npm start 查看

   http://localhost:9000

修改Jhipster的默认布局--Jhipster的默认Menu调整

源码下载:https://gitee.com/husens/husen

记着点赞啊:)(:

继续阅读