META-INF.resources.admin.docs.layout.jsp Maven / Gradle / Ivy
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="admin" uri="http://www.infop.cn/tag/admin"%>
布局
介绍
采用布局无非是将重复的代码尽量的减少，聚集在某一个地方，在修改的时候只要修改其中一两个地方便解决。
本产品采用是Servlet JSP片断技术，将AdminLTE-3.1.0的布局封装成不同的小块，最后又将小块封装在一起。
在具体开发时，复制home.jsp文件。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="admin" uri="http://www.infop.cn/tag/admin"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<admin:meta title="控制台"/>
</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">
<admin:navbar/>
<admin:main-sidebar/>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">控制台</h1>
</div>
<!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="console/home.jsp">主页</a></li>
<li class="breadcrumb-item active"></li>
</ol>
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
<div class="container-fluid">
</div>
<!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<admin:footer/>
<admin:control-sidebar/>
</div>
<!-- ./wrapper -->
<admin:js/>
</body>
</html>
额外的CSS添加到<admin:meta title="控制台"/>标签内。
额外的JS添加到<admin:js/>标签内。
具体使用参考：AdminLTE-3.1.0的示例。
AdminLTE-3.1.0 下载https://github.com/ColorlibHQ/AdminLTE/archive/refs/tags/v3.1.0.zip
© 2015 - 2025 Weber Informatics LLC | Privacy Policy