微服务 教程
1085个小节阅读:196.7k
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
提取common_header.html
xxxxxxxxxx
<html xmlns:th="http://www.thymeleaf.org">
<header class="main-header" th:fragment="header">
<!-- Logo -->
<a href="/backstage/index" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>数据</b></span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>数据</b>后台管理</span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="/backstage/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">管理员</span>
</a>
<ul class="dropdown-menu">
<!-- User image -->
<li class="user-header">
<img src="/backstage/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p>
管理员 - 数据管理员
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-right">
<a href="/admin/logout" class="btn btn-default btn-flat">注销</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
提取common_footer.html
xxxxxxxxxx
<html xmlns:th="http://www.thymeleaf.org">
<footer class="main-footer" th:fragment="footer">
<div class="pull-right hidden-xs">
<b>Version</b> 1.0.8
</div>
<strong>Copyright © <a href="http://www.itbaizhan.com">JAVA研究院</a>.</strong> All rights reserved.
</footer>
提取common_aside.html
xxxxxxxxxx
<html xmlns:th="http://www.thymeleaf.org">
<aside class="main-sidebar" th:fragment="aside">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
<img src="/backstage/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p>管理员</p>
<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
</div>
</div>
<!-- /.search form -->
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu">
<li class="header">菜单</li>
<li id="admin-index"><a href="/backstage/index"><i class="fa fa-dashboard"></i> <span>首页</span></a>
</li>
<!-- 菜单 -->
<li class="treeview" id="system">
<a href="#">
<i class="fa fa-folder"></i> <span>系统管理</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="admin">
<a href="/backstage/admin/all">
<i class="fa fa-circle-o"></i>用户管理
</a>
</li>
<li id="role">
<a href="/backstage/role/all">
<i class="fa fa-circle-o"></i>角色管理
</a>
</li>
<li id="permission">
<a href="/backstage/permission/all">
<i class="fa fa-circle-o"></i>权限管理
</a>
</li>
</ul>
</li>
<li class="treeview" id="business">
<a href="#">
<i class="fa fa-laptop"></i> <span>业务管理</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="category">
<a href="/backstage/category/all">
<i class="fa fa-circle-o"></i>类型管理
</a>
</li>
<li id="product">
<a href="/backstage/product/all">
<i class="fa fa-circle-o"></i>产品管理
</a>
</li>
</ul>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
提取commmon_resources.html
xxxxxxxxxx
<html xmlns:th="http://www.thymeleaf.org">
<!-- 公共css -->
<th:block th:fragment="common_css">
<!-- 页面meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/backstage/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/backstage/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/backstage/plugins/ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="/backstage/plugins/iCheck/square/blue.css">
<link rel="stylesheet" href="/backstage/plugins/morris/morris.css">
<link rel="stylesheet" href="/backstage/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<link rel="stylesheet" href="/backstage/plugins/datepicker/datepicker3.css">
<link rel="stylesheet" href="/backstage/plugins/daterangepicker/daterangepicker.css">
<link rel="stylesheet" href="/backstage/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<link rel="stylesheet" href="/backstage/plugins/datatables/dataTables.bootstrap.css">
<link rel="stylesheet" href="/backstage/plugins/treeTable/jquery.treetable.css">
<link rel="stylesheet" href="/backstage/plugins/treeTable/jquery.treetable.theme.default.css">
<link rel="stylesheet" href="/backstage/plugins/select2/select2.css">
<link rel="stylesheet" href="/backstage/plugins/colorpicker/bootstrap-colorpicker.min.css">
<link rel="stylesheet" href="/backstage/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
<link rel="stylesheet" href="/backstage/plugins/adminLTE/css/AdminLTE.css">
<link rel="stylesheet" href="/backstage/plugins/adminLTE/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="/backstage/css/style.css">
<link rel="stylesheet" href="/backstage/plugins/ionslider/ion.rangeSlider.css">
<link rel="stylesheet" href="/backstage/plugins/ionslider/ion.rangeSlider.skinNice.css">
<link rel="stylesheet" href="/backstage/plugins/bootstrap-slider/slider.css">
<link rel="stylesheet" href="/backstage/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
</th:block>
<!-- 公共js -->
<th:block th:fragment="common_js">
<script src="/backstage/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="/backstage/plugins/jQueryUI/jquery-ui.min.js"></script>
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<script src="/backstage/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="/backstage/plugins/raphael/raphael-min.js"></script>
<script src="/backstage/plugins/morris/morris.min.js"></script>
<script src="/backstage/plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="/backstage/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="/backstage/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="/backstage/plugins/knob/jquery.knob.js"></script>
<script src="/backstage/plugins/daterangepicker/moment.min.js"></script>
<script src="/backstage/plugins/daterangepicker/daterangepicker.js"></script>
<script src="/backstage/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
<script src="/backstage/plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="/backstage/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script src="/backstage/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script src="/backstage/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="/backstage/plugins/fastclick/fastclick.js"></script>
<script src="/backstage/plugins/iCheck/icheck.min.js"></script>
<script src="/backstage/plugins/adminLTE/js/app.min.js"></script>
<script src="/backstage/plugins/treeTable/jquery.treetable.js"></script>
<script src="/backstage/plugins/select2/select2.full.min.js"></script>
<script src="/backstage/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<script src="/backstage/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
<script src="/backstage/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
<script src="/backstage/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
<script src="/backstage/plugins/bootstrap-markdown/js/markdown.js"></script>
<script src="/backstage/plugins/bootstrap-markdown/js/to-markdown.js"></script>
<script src="/backstage/plugins/ckeditor/ckeditor.js"></script>
<script src="/backstage/plugins/input-mask/jquery.inputmask.js"></script>
<script src="/backstage/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="/backstage/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script src="/backstage/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/backstage/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="/backstage/plugins/chartjs/Chart.min.js"></script>
<script src="/backstage/plugins/flot/jquery.flot.min.js"></script>
<script src="/backstage/plugins/flot/jquery.flot.resize.min.js"></script>
<script src="/backstage/plugins/flot/jquery.flot.pie.min.js"></script>
<script src="/backstage/plugins/flot/jquery.flot.categories.min.js"></script>
<script src="/backstage/plugins/ionslider/ion.rangeSlider.min.js"></script>
<script src="/backstage/plugins/bootstrap-slider/bootstrap-slider.js"></script>
<script src="/backstage/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js"></script>
<script src="/backstage/plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script>
$(document).ready(function () {
// 选择框
$(".select2").select2();
// WYSIHTML5编辑器
$(".textarea").wysihtml5({
locale: 'zh-CN'
});
});
// 设置激活菜单
function setSidebarActive(tagUri) {
var liObj = $("#" + tagUri);
if (liObj.length > 0) {
liObj.parent().parent().addClass("active");
liObj.addClass("active");
}
}
$(document).ready(function () {
setSidebarActive("admin-blank");
});
</script>
</th:block>