demoAdminLTE的学习

AdminLTE简介

AdminLTE是一个开源的后台控制面板和仪表盘 WebApp 模板，是建立在Bootstrap3框架和JQuery之上的开源模板主题工具，它提供了一系列响应的组件，并内置了多个模板页面，包括仪表盘、邮箱、日历、锁屏、登录及注册、404错误、500错误等页面。通过AdminLTE，我们可以快速的创建一个响应式的Html5网站。

下载

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

环境搭建

打开IDEA新建一个工程文件，如图所示：

复制AdminLTE文件到IDEA中

将下载好的adminlte2-pro-master–》release–》release下的文件复制到IDEA的webapp文件架下面

文件配置

• （1）创建项目，引入css/js等静态资源
• （2）创建index.jsp，原先的index.jsp文件删除
• （3）复制模板文件all-admin-datalist.html代码到新建的 index.jsp，并添加

<%
    pageContext.setAttribute("path",request.getContextPath());
%>

• （4）使用项目路径${path}替换掉 …/

…/plugins --》${path}/plugins

…/css --》${path}/css

…/img --》${path}/img

（快捷键Ctrl+F，Ctrl+R）

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>

• 运行：
  -
• index.jsp文件的 部分的代码打包剪切到新建的left_menu.jsp文件中。
  

left_menu.jsp

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

本文地址：https://blog.csdn.net/weixin_48437363/article/details/109246057