Thymeleaf项目后台布局的问题

我在做spring boot和thymeleaf整合做后台的过程中,需要像操作iframe那样,将左侧的链接返回的数据内容加载到右侧的div或者其他对象内,不知道怎么实现动态布局,因为thymeleaf的th:include、th:insert等在创建页面的同时就写好了,不知道怎么动态的改变,下面是管理后台首页的菜单和右侧的DIV对象
            <div class="navbar-default sidebar" role="navigation">
<div class="sidebar-nav navbar-collapse">
<ul class="nav" id="side-menu">
<li class="sidebar-search">
<div class="input-group custom-search-form">
<input type="text" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<i class="fa fa-search"></i>
</button>
</span>
</div>
<!-- /input-group -->
</li>
<li>
<a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
</li>
<li th:each="menu : ${menuList}" href="#">
<a href="#" th:text="${menu.name}"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li th:each="second: ${menu.childList}">
<a href="#" th:href="@{/index}" th:text="${second.name}" th:frame="right">
<i class="fa fa-bar-chart-o fa-fw"></i>
Flot Charts
</a>
</li>
</ul>
<!-- /.nav-second-level -->
</li>
</ul>
</div>
<!-- /.sidebar-collapse -->
</div>
<!-- /.navbar-static-side -->
</nav>
<div id="page-wrapper">
</div>
<!-- /#page-wrapper -->

</div>
已邀请:

xiaobaxi - Fang Oba

赞同来自:

我只知道freemarker可以用宏,不知道thymeleaf怎么弄?

wayne

赞同来自:

参考项目https://github.com/thymeleaf/thymeleafexamples-layouts
thymeleaf是用layout及fragment进行布局的,与html不一样的地方是它的整个页面刷新,而不是HTML的局部刷新

hansonwang99 - 90后IT男

赞同来自:

这种模版已经过时了啊,何不用react或者vue那种组件式开发,借助UI库可以快速搭建

要回复问题请先登录注册