AdminLTE框架的使用

  • 时间:
  • 来源:互联网
  • 文章标签:

AdminLTE简介

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

AdminLTE下载

官网下载地址 | github

AdminLTE使用

压缩包解压完选择release目录
在这里插入图片描述
将下方四个文件夹复制到工程的webapp目录下
在这里插入图片描述

在这里插入图片描述
使用项目路径${PageContext.request.contextPath}替换掉 …/
快捷键ctrl+R可以全局快速替换
在这里插入图片描述
在这里插入图片描述

提取页面公共模块

示例:提取侧边栏到独立的jsp文件中,使用jsp:include标签引入

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

在这里插入图片描述
left_menu.jsp中只需要使用要用到的标签,不需要html的head body等

在这里插入图片描述

本文链接http://www.taodudu.cc/news/show-1782027.html