thymeleaf模板实现页面动态配置

最新推荐文章于 2025-09-30 08:00:00 发布

原创

最新推荐文章于 2025-09-30 08:00:00 发布 · 1k 阅读

收录于

当前文章被以下社区和专栏收录：

该文章描述了一个后台管理系统如何配置页面元素如下拉框、单选框、输入框等，然后业务系统依据这些配置来动态渲染页面。代码示例展示了使用thymeleaf的th:each等表达式进行数据遍历和渲染，并提供了处理单选框数据的JavaScript逻辑。

一、项目场景

一个后台管理系统，一个业务系统，在后台管理系统中配置某一个页面的各种数据数据方式，例如下拉框、单选框、输入框等，然后业务系统读取对应的配置，渲染页面

二、页面渲染

1、代码

<div id="showExpandInfo">
                        <table id="showData">
                            <tr th:each="item:${config}">
                                <td width="200" th:text="${item.expandName}"></td>
                                <!--<td colspan="2"><span th:text="${item.value}"></span></td>-->
                                <td colspan="2"><span th:id="${item.expandName}"></span></td>
                            </tr>
                        </table>
                        <table id="updateData" hidden>
                            <tr th:each="item:${config}">
                                <!--<td width="22">-->
                                <!--<em class

标签