day2.3.5.AdminLTE框架介绍与入门

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

暮夏秋风

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

阅读量392

点赞数

分类专栏：基地实训文章标签： java bootstrap jquery

本文链接：https://blog.csdn.net/lcw19990424/article/details/109245874

版权

基地实训专栏收录该内容

19 篇文章 1 订阅

订阅专栏

AdminLTE是一款基于Bootstrap和jQuery的开源模板工具，适用于创建响应式和多设备兼容的HTML5网站。它提供了丰富的组件和预设模板，能帮助开发者减少CSS和JS的编写工作量。要开始使用，你需要下载AdminLTE，引入必要的css、img和plugins文件，然后在项目中设置依赖，将示例页面代码复制到入口文件并调整路径，最后根据需求定制页面元素。

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

介绍

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

下载地址

（1）官方原版
https://adminlte.io/
https://github.com/ColorlibHQ/AdminLTE
（2）汉化版

入门搭建

（1）创建项目，引入css/img/pages/plugins等相关文件
（2）导入相关依赖
（3）复制all-admin-datalist.html文件代码到 index.jsp
（4）使用项目路径${path}替换掉 …/
…/plugins ${path}/plugins
…/css ${path}/css
…/img ${path}/img
（5）根据需求修改（±）页面元素

（1）创建项目，引入css/img/pages/plugins等相关文件

在这里插入图片描述

（2）导入相关依赖

pom.xml

 <!--web基础包 -->
<dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.5</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.0</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
</dependency>