如何在Java中将分组对象列表转换为html无序列表？

Question

I have list of grouped objects into a ArrayList and I want to display it as a html unordered list into a jsp. Please see attached image for the description.

So far I have created a java POJO class as per below:

public class CountData {

    private String country;
    private String state;
    private String city;
    private String mfc;
    private int count;

    public CountData(String country, String state, String city, String mfc, int count) {
        this.country = country;
        this.state = state;
        this.city = city;
        this.mfc = mfc;
        this.count = count;
     }

     public String getCity() {
       return city;
     }

     public void setCity(String city) {
       this.city = city;
     }
     // Other getters ans setters
}

Also created a class to store the objects into grouped list. This class is just created for testing. In actual example, its generated from group by SQL statement's return. In actual example, the data is different and more complicated so thought to explain with some simple sample data. The grouping could be in any order.

    public class CountList {

    private List<CountData> dataList;

    public CountList() {
        if (this.dataList == null) {
            this.dataList = new ArrayList<CountData>();
        }
        //Sorted Grouped List
        this.dataList.add(new CountData("China", "State3", "City3", "Female", 40));
        this.dataList.add(new CountData("India", "State1", "City1", "Female", 10));
        this.dataList.add(new CountData("India", "State1", "City1 ", "Male", 40));
        this.dataList.add(new CountData("India", "State2", "City2", "Female", 25));
        this.dataList.add(new CountData("India", "State2", "City2", "Male", 30));
        this.dataList.add(new CountData("USA", "IL", "Chicago", "Female", 20));
        this.dataList.add(new CountData("USA", "IL", "Chicago", "Male", 50));
        this.dataList.add(new CountData("USA ", "IL", "Schaumburg", "Female", 17));
        this.dataList.add(new CountData("USA", "IL", "Schaumburg", "Male", 30));
        this.dataList.add(new CountData("USA", "WI", "Milwaukee", "Children", 10));
        this.dataList.add(new CountData("USA", "WI", "Milwaukee", "Female", 25));
        this.dataList.add(new CountData("USA", "WI", "Milwaukee", "Male", 40));
        this.dataList.add(new CountData("USA", "WI", "Madison", "Female", 18));
        this.dataList.add(new CountData("USA", "WI", "Madison", "Male", 30));
    }
    public List<CountData> getDataList() {
        return dataList;
    }
    public void setDataList(List<CountData> dataList) {
        this.dataList = dataList;
    }
}

Now I want to convert it to HTML ordered list as something like this:

<ul>
    <li>China (40)
        <ul>
            <li>State3 (40)
                <ul>
                    <li>City3 (40)
                        <ul>
                            <li>Female (40)</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
    <li>India (115)
        <ul>
            <li>State1 (50)
                <ul>
                    <li>City1 (50)
                        <ul>
                            <li>Female (10)</li>
                            <li>Male (40)</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>State2 (65)
                <ul>
                    <li>City2 (65)
                        <ul>
                            <li>Female (25)</li>
                            <li>Male (30)</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
    <li>USA (245)
        <ul>
            <li>IL (117)
                <ul>
                    <li>Chicago (70)
                        <ul>
                            <li>Female (20)</li>
                            <li>Male (50)</li>
                        </ul>
                    </li>
                    <li>Schaumburg (47)
                        <ul>
                            <li>Female (17)</li>
                            <li>Male (30)</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>WI (128)
                <ul>
                    <li>Milwaukee (75)
                        <ul>
                            <li>Children (10)</li>
                            <li>Female (25)</li>
                            <li>Male (40)</li>
                        </ul>
                    </li>
                    <li>Madison (48)
                        <ul>
                            <li>Female (18)</li>
                            <li>Male (30)</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

What will be the best way to achieve this. Sample code would be helpful. I am having issue in getting children and get count of each parent. In actual example, the data is different and more complicated so thought to explain with some simple sample data. The grouping could be in any order.

Thank you.

Answer 1

public String convertToHTML(ArrayList<CountData> stuffs){
    StringBuilder sb = new StringBuilder()  
    sb.append(“<ul>\n”);
    for(CountData cd : stuffs){
        sb.append(“<li>”+cd.getCountry()+” (“+cd.getCount()+”)\n”);
        sb.append(“\t<ul>);
        sb.append(“\t\t<li>”+cd.getState()+” (“+cd.getCount()+”)\n”);
        sb.append(“\t\t\t<ul>);
        sb.append(“\t\t\t<li>”+cd.getCity()+” (“+cd.getCount()+”)\n”);
        sb.append(“\t\t\t\t<ul>);
        sb.append(“\t\t\t\t<li>”+cd.getMfc()+” (“+cd.getCount()+”)</li>\n”);
        sb.append(“\t\t\t\t</ul>);
        sb.append(“\t\t\t</li>);
        sb.append(“\t\t</ul>);
        sb.append(“\t</li>);
        sb.append(“</ul>);
        sb.append(“</li>);
        sb.append(“\n”);
    }
    return sb.toString()
}