版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
1.school.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Angle - Bootstrap Admin Template</title>
<th:block th:replace="common/meta"></th:block>
<th:block th:replace="common/link"></th:block>
<th:block th:replace="common/include"></th:block>
</head>
<body>
<div class="wrapper">
<!-- top navbar-->
<th:block th:replace="common/header"></th:block>
<!-- sidebar-->
<th:block th:replace="common/left"></th:block>
<th:block th:replace="common/container"></th:block>
<th:block th:replace="common/footer"></th:block>
<th:block th:replace="js/getSchoolData"></th:block>
</div>
</body>
</html>2.container.html
<section>
<div class="content-wrapper">
<table id="ArbetTable"></table>
</div>
</section>3.include.html
<!-- =============== VENDOR SCRIPTS ===============-->
<!-- MODERNIZR-->
<script src="/vendor/modernizr/modernizr.custom.js"></script>
<!-- MATCHMEDIA POLYFILL-->
<script src="/vendor/matchMedia/matchMedia.js"></script>
<!-- JQUERY-->
<script src="/vendor/jquery/dist/jquery.js"></script>
<!-- BOOTSTRAP-->
<script src="/vendor/bootstrap/dist/js/bootstrap.js"></script>
<!-- STORAGE API-->
<script src="/vendor/jQuery-Storage-API/jquery.storageapi.js"></script>
<!-- JQUERY EASING-->
<script src="/vendor/jquery.easing/js/jquery.easing.js"></script>
<!-- ANIMO-->
<script src="/vendor/animo.js/animo.js"></script>
<!-- SLIMSCROLL-->
<script src="/vendor/slimScroll/jquery.slimscroll.min.js"></script>
<!-- SCREENFULL-->
<script src="/vendor/screenfull/dist/screenfull.js"></script>
<!-- LOCALIZE-->
<script src="/vendor/jquery-localize-i18n/dist/jquery.localize.js"></script>
<!-- RTL demo-->
<script src="/app/js/demo/demo-rtl.js"></script>
<!-- =============== PAGE VENDOR SCRIPTS ===============-->
<!-- SPARKLINE-->
<script src="/vendor/sparkline/index.js"></script>
<!-- FLOT CHART-->
<script src="/vendor/flot/jquery.flot.js"></script>
<script src="/vendor/flot.tooltip/js/jquery.flot.tooltip.min.js"></script>
<script src="/vendor/flot/jquery.flot.resize.js"></script>
<script src="/vendor/flot/jquery.flot.pie.js"></script>
<script src="/vendor/flot/jquery.flot.time.js"></script>
<script src="/vendor/flot/jquery.flot.categories.js"></script>
<script src="/vendor/flot-spline/js/jquery.flot.spline.min.js"></script>
<!-- EASY PIE CHART-->
<script src="/vendor/jquery.easy-pie-chart/dist/jquery.easypiechart.js"></script>
<!-- MOMENT JS-->
<script src="/vendor/moment/min/moment-with-locales.min.js"></script>
<!-- DEMO-->
<script src="/app/js/demo/demo-flot.js"></script>
<!-- =============== APP SCRIPTS ===============-->
<script src="/app/js/app.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<!--<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>-->
<script src="https://unpkg.com/[email protected]/dist/bootstrap-table.min.js"></script>4.link.html
<link rel="stylesheet" type="text/css" href="/vendor/sweetalert/dist/sweetalert.css">
<!-- =============== VENDOR STYLES ===============-->
<!-- FONT AWESOME-->
<link rel="stylesheet" href="/vendor/fontawesome/css/font-awesome.min.css">
<!-- SIMPLE LINE ICONS-->
<link rel="stylesheet" href="/vendor/simple-line-icons/css/simple-line-icons.css">
<!-- ANIMATE.CSS-->
<link rel="stylesheet" href="/vendor/animate.css/animate.min.css">
<!-- WHIRL (spinners)-->
<link rel="stylesheet" href="/vendor/whirl/dist/whirl.css">
<!-- =============== PAGE VENDOR STYLES ===============-->
<!-- WEATHER ICONS-->
<link rel="stylesheet" href="/vendor/weather-icons/css/weather-icons.min.css">
<!-- =============== BOOTSTRAP STYLES ===============-->
<link rel="stylesheet" href="/app/css/bootstrap.css" id="bscss">
<!-- =============== APP STYLES ===============-->
<link rel="stylesheet" href="/app/css/app.css" id="maincss">
5.dashboard.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Angle - Bootstrap Admin Template</title>
<th:block th:replace="common/meta"></th:block>
<th:block th:replace="common/link"></th:block>
</head>
<body>
<div class="wrapper">
<!-- top navbar-->
<th:block th:replace="common/header"></th:block>
<!-- sidebar-->
<th:block th:replace="common/left"></th:block>
<!-- offsidebar-->
<th:block th:replace="common/right"></th:block>
<!-- Main section-->
<th:block th:replace="common/section"></th:block>
<!-- Page footer-->
<th:block th:replace="common/footer"></th:block>
</div>
<th:block th:replace="common/include"></th:block>
</body>
</html>