从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);
}