Допустим, в моем файле index.html
есть макет root, содержащий элемент <head>
(таблицы стилей, js, пользовательские стили, ...) и структуру root <body>
, а именно:
<body>
<div class="d-flex" id="wrapper">
<div th:replace="fragments/sidenav"></div>
<div id="page-content-wrapper">
<nav th:replace="fragments/topnav"></nav>
<div class="container-fluid">
<!-- Content here -->
</div>
</div>
</div>
</body>
Чего я хочу добиться, так это загрузить фрагменты в div
, который комментируется Content here
в зависимости от запрошенной конечной точки. Если бы у меня было, например, две конечные точки контроллера, которые обслуживают разные представления, как я могу сказать им загружать свой шаблон внутри этого div
?
Преимущество загрузки их в index.html
состоит в том, что я могу сосредоточиться на функциональность, вместо предоставления одинаковых root элементов в каждом файле HTML (head, sidenav, footer, ...).