AdminLTE 动态菜单添加到项目

最新推荐文章于 2024-08-08 08:04:08 发布

置顶

小IT人

最新推荐文章于 2024-08-08 08:04:08 发布

阅读量2.3k

点赞数 1

分类专栏： jsp JQUERY 文章标签： AdminLTE 动态菜单添加到项目

本文链接：https://blog.csdn.net/weixin_38466660/article/details/99640509

版权

本文档介绍了如何将AdminLTE框架的动态菜单整合到项目中。首先，引入AdminLTE的CSS和JS文件，包括_all-skins.min.css、AdminLTE.css、AdminLTE.min.css和adminlte.min.js等。然后，在页面中构建侧边栏菜单结构，通过循环遍历获取的菜单列表动态生成各级菜单。最后，通过JavaScript实现菜单的点击高亮效果，并设置默认选中项。

摘要由CSDN通过智能技术生成

1.引入AdminLTE dist 中的css

1. 引用需要的 css ,js
_all-skins.min.css
AdminLTE.css
AdminLTE.min.css
adminlte.min.js
PushMenu.js

2 引入菜单

<div id="left">
<aside class="main-sidebar">

<section class="sidebar">

<div class="user-panel">
<div class="pull-left image">
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button" οnclick="changeRightWidth()">
<i class="icon-reorder"></i>
</a>
</div>
</div>
<!-- sidebar menu: : style can be found in sidebar.less -