欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

AdminLTE框架的使用

程序员文章站 2022-07-03 20:10:55
AdminLTE简介(1)AdminLTE是什么?AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具(2)AdminLTE有什么特点?提供一系列响应的、可重复使用的组件, 并内置了多个模板页面自适应多种屏幕分辨率,兼容PC和移动端快速的创建一个响应式的Html5网站AdminLTE 不但美观, 而且可以免去写很大CSS与JS的工作量AdminLTE下载官网下载地址 | githubAdminLTE使用压缩包解压完选择release目录将下方...

AdminLTE简介

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

AdminLTE下载

官网下载地址 | github

AdminLTE使用

压缩包解压完选择release目录
AdminLTE框架的使用
将下方四个文件夹复制到工程的webapp目录下
AdminLTE框架的使用

AdminLTE框架的使用
使用项目路径${PageContext.request.contextPath}替换掉 …/
快捷键ctrl+R可以全局快速替换
AdminLTE框架的使用
AdminLTE框架的使用

提取页面公共模块

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

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

AdminLTE框架的使用
left_menu.jsp中只需要使用要用到的标签,不需要html的head body等

AdminLTE框架的使用

本文地址:https://blog.csdn.net/qq_16696457/article/details/109259352