angle框架应用

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/bootstrap-table@1.15.4/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>

 

Angle是一个后台管理模板,它也支持以下应用开发:单页应用(Single Page Application)、项目管理应用(Project Management System)、电子商务应用(E-Commerce Admin Dashboard)、CMS、CRM、SAAS、Help Desk,以及个人及商务应用开发。 该资源包包含以下模板项目包: AngularJS 完整应用模板和空模板; HTML5/jQuery 完整应用模板和空模板; Material Design 完整应用模板和空模板; ASP.NET MVC5/6 + AngularJS 完整应用模板和空模板; ASP.NET MVC5/6 + HTML5/jQuery 完整应用模板和空模板; Ruby on Rails HTML5/jQuery 完整应用模板和空模板; MeteorJS + AngularJS 完整应用模板和空模板; MEANJS 完整应用模板和空模板; ReactJS 完整应用模板和空模板; 前台展示页模板。 预览地址: http://themicon.co/theme/angle/v3.3/frontend/site/ AngularJS版本Dashboard: http://themicon.co/theme/angle/v3.3/backend-angular/ Static HTML5: http://themicon.co/theme/angle/v3.3/backend-jquery/ Angular Material: http://themicon.co/theme/angle/v3.3/material/ ASP.NET MVC5: http://themicon-001-site1.smarterasp.net/ Ruby on Rails: https://angle-on-rails.herokuapp.com/ MeanJS: https://angle-on-mean.herokuapp.com/ MeteorJS: https://45.55.64.191/ ReactJS: http://themicon.co/theme/angle/v3.3/reactjs/ 作者更新页面时也会更新预览地址,如果上面地址无效可进入下面地址重新预览: https://wrapbootstrap.com/theme/angle-bootstrap-admin-template-WB04HF123
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值