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等

在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值