在 XHTML 中检索 Bean 的所有属性

Question

我目前有一个类似于以下示例的组件：

@Component("infoData")
public class infoDataClass(){
    protected Integer age;
    protected String name;
    protected String address;

他们的 getter 和 setter...

在我的 xhtml 中，我通过以下方式访问这些属性：

<div
  id="infoContainer"
  data-age="#{infoData.age}"
  data-address="#{infoData.address}"
  data-name="#{infoData.name}"
></div>

并且我成功地得到了它们。我的问题是，我如何才能将它们全部放在一起，而不是一个一个地访问它们？我需要添加 5-6 甚至更多的属性，如果我继续这样下去，它会变得非常混乱。

在我的前端 (vue) 中，我按以下方式解析它们：

 const age= $(containerElement).attr('data-age');
 const name= $(containerElement).attr('data-name');

Answer 1

已通过使用 Gson 序列化我的对象修复。

public String getJsonChartData() {
    Gson gson = new Gson();
    return gson.toJson(this);
}

Retrieve all attributes from Bean in XHTML