把List集合中的User对象数据展示到前段页面上

首先，需要将List集合中的User对象转换成JSON格式的数据。可以使用Jackson库来进行转换。

示例代码：

import com.fasterxml.jackson.databind.ObjectMapper;

...

List<User> userList = ...; // 假设已经有了List<User>类型的数据

ObjectMapper objectMapper = new ObjectMapper();
String json = objectMapper.writeValueAsString(userList); // 将List<User>转换为JSON字符串

model.addAttribute("userListJson", json); // 将JSON字符串添加到Model中，传递到前端页面

然后，在前端页面中，可以使用JavaScript来将JSON数据解析并展示到页面上。

示例代码：

<ul id="userList"></ul>

<script>
    var userListJson = /*[[${userListJson}]]*/ ''; // 从Model中获取JSON字符串

    var userList = JSON.parse(userListJson); // 将JSON字符串解析为JavaScript对象

    var userListElement = document.getElementById('userList');
    userList.forEach(function(user) {
        var liElement = document.createElement('li');
        liElement.textContent = user.name + ' - ' + user.age;
        userListElement.appendChild(liElement);
    });
</script>

以上代码仅供参考，具体实现可能需要根据具体情况进行调整。