【项目saas-export项目-AdminLTE介绍与入门】

AdminLTE介绍

• （1）AdminLTE是什么？
  AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具
• （2）AdminLTE有什么特点？
  1）提供一系列响应的、可重复使用的组件， 并内置了多个模板页面
  2）自适应多种屏幕分辨率，兼容PC和移动端
  3）快速的创建一个响应式的Html5网站
  4）AdminLTE 不但美观， 而且可以免去写很大CSS与JS的工作量

AdminLTE下载

• （1）官方原版

1. https://adminlte.io/
2. https://github.com/ColorlibHQ/AdminLTE

• （2）汉化版
  
  

AdminLTE入门程序

• （1）创建项目，引入css/js等静态资源
• （2）创建index.jsp
• （3）复制模板文件all-admin-datalist.html代码到 index.jsp
• （4）使用项目路径${path}替换掉 …/
<% pageContext.setAttribute("path",request.getContextPath()); %>

1. …/plugins ${path}/plugins
2. …/css ${path}/css
3. …/img ${path}/img
   替换前：
   

替换后：

使用模板修改左侧菜单

• （1）为了页面维护方便 将【菜单内容】移到left_menu.jsp中，再使用include引入当前页面
• （2）创建【企业管理】菜单

index.jsp

    <!-- 导航侧栏 -->
    <jsp:include page="left_menu.jsp"/>
    <!-- 导航侧栏 /-->

left_menu.jsp

• 保留一个li标签，并删除，只留两个子项。