반응형
Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Tags more
Archives
Today
Total
관리 메뉴

개발잡부

thymeleaf bootstrap 무료스킨 레이아웃 나누기 본문

JAVA/thymeleaf

thymeleaf bootstrap 무료스킨 레이아웃 나누기

닉의네임 2021. 9. 23. 12:09
반응형

adminLTE github 주소

https://github.com/900gle/AdminLTE

 

GitHub - 900gle/AdminLTE: AdminLTE - Free admin dashboard template based on Bootstrap 4

AdminLTE - Free admin dashboard template based on Bootstrap 4 - GitHub - 900gle/AdminLTE: AdminLTE - Free admin dashboard template based on Bootstrap 4

github.com

 

 

build.gradle 디펜던시추가

 

compile('org.springframework.boot:spring-boot-starter-thymeleaf')
implementation('nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect')

def axiosVersion = '0.20.0'

dependencies {
    compile project(':common')
    compile('org.springframework.boot:spring-boot-starter-thymeleaf')
    implementation('nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect')

    compile group: 'org.webjars.npm', name: 'axios', version: axiosVersion

    // https://mvnrepository.com/artifact/org.json/json
    implementation group: 'org.json', name: 'json', version: '20210307'
}

레이아웃 구성

 

layout.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<th:block th:replace="fragments/head :: headFragment"></th:block>
<body class="hold-transition sidebar-mini" >
<div class="wrapper">
    <!-- Navbar -->
    <th:block th:replace="fragments/navbar :: navbarFragment"></th:block>
    <!-- /.navbar -->

    <!-- Main Sidebar Container -->
    <th:block th:replace="layout/sidebar :: sidebarFragment"></th:block>
    <!-- /Main Sidebar Container -->

    <!--    aside -->
    <th:block th:replace="fragments/aside :: asideFragment"></th:block>
    <!-- /aside -->

    <!-- Content Wrapper. Contains page content -->
    <th:block layout:fragment="content"></th:block>
    <!-- /.content-wrapper -->

    <!--    foot-->
    <th:block th:replace="fragments/foot :: footFragment"></th:block>
    <!--    /foot-->
</div>
<!-- ./wrapper -->
</body>
</html>

 

반응형
Comments