JSON数据列表化

2019独角兽企业重金招聘Python工程师标准>>>

在实际开发中，后台经常会传过来相当诡异的JSON数据组合，诡异当然指的是复杂，这种情况一般是就是后台偷懒了，把本来应该放到后台来出来的逻辑全部发送给前端来处理，懒惰是原罪啊。
当然，这一篇的目的不是为了吐槽，当我们必须处理后台发来的数据时，跪着也得搞完啊！所以，今天就罗列几组数据当例子，分析一下前端应该如何处理。
第一组（高能）：

[
{
ParentId: null,
Name: "XX集团",
Id: 8,
Code: "Dept-jituan1",
Leader: null,
Type: "Department",
ChildDepartmentCount: 1,
UserInfoCount: 5,
Children: [
{
ParentId: 8,
Name: "XX有限公司",
Id: 10,
Code: "Dept-gongsi1",
Leader: null,
Type: "Department",
ChildDepartmentCount: 2,
UserInfoCount: 5,
Children: [
{
ParentId: 10,
Name: "项目部",
Id: 11,
Code: "Dept-bumen1",
Leader: null,
Type: "Department",
ChildDepartmentCount: 2,
UserInfoCount: 4,
Children: [
{
ParentId: 11,
Name: "项目一部",
Id: 18,
Code: "Dept-bumen2",
Leader: {
ParentId: 18,
Name: "徐XX",
Id: 41391,
Code: "User-xumaojun",
Type: "UserInfo",
Children: null,
Position: "",
DepartmentName: "项目一部",
Email: null,
Phone: null,
Gender: "Man",
Address: null,
FaceUrl: null
},
Type: "Department",
ChildDepartmentCount: 0,
UserInfoCount: 2,
Children: [
{
ParentId: 18,
Name: "徐XX",
Id: 41391,
Code: "User-xumaojun",
Type: "UserInfo",
Children: null,
Position: "",
DepartmentName: "项目一部",
Email: null,
Phone: null,
Gender: "Man",
Address: null,
FaceUrl: null
},
{
ParentId: 18,
Name: "潘XX",
Id: 41392,
Code: "User-panzhaohui",
Type: "UserInfo",
Children: null,
Position: "",
DepartmentName: "项目一部",
Email: null,
Phone: null,
Gender: "Man",
Address: null,
FaceUrl: null
}
]
},
{
ParentId: 11,
Name: "项目二部",
Id: 19,
Code: "Dept-bumen3",
Leader: {
ParentId: 19,
Name: "wangXX",
Id: 41393,
Code: "User-zouxichao",
Type: "UserInfo",
Children: null,
Position: "",
DepartmentName: "项目二部",
Email: null,
Phone: null,
Gender: "Man",
Address: null,
FaceUrl: null
},
Type: "Department",
ChildDepartmentCount: 0,
UserInfoCount: 2,
Children: [
{
ParentId: 19,
Name: "James",
Id: 5,
Code: "User-mawentai",
Type: "UserInfo",
Children: null,
Position: "Manager",
DepartmentName: "项目二部",
Email: null,
Phone: null,
Gender: null,
Address: null,
FaceUrl: null
},
{
ParentId: 19,
Name: "wangXX",
Id: 41393,
Code: "User-zouxichao",
Type: "UserInfo",
Children: null,
Position: "",
DepartmentName: "项目二部",
Email: null,
Phone: null,
Gender: "Man",
Address: null,
FaceUrl: null
}
]
}
]
},
{
ParentId: 10,
Name: "市场营销部",
Id: 17,
Code: "Dept-1231",
Leader: null,
Type: "Department",
ChildDepartmentCount: 0,
UserInfoCount: 1,
Children: [
{
ParentId: 17,
Name: "李XX",
Id: 41394,
Code: "User-gemei",
Type: "UserInfo",
Children: null,
Position: "",
DepartmentName: "市场营销部",
Email: null,
Phone: null,
Gender: "Woman",
Address: null,
FaceUrl: null
}
]
}
]
}
]
}
]

推荐Chrome下的JSONView插件，可以清晰看出JSON对象的结构，看到没，这是第一组复杂数据，我大致数了下有差不多五层嵌套，实际上这是需要在五个页面展示的数据，其实分析透了会发现这几组数据有个共同点，JSON对象的最小单元在"Children"这个Tag里，所以这个Tag下的每个对象可以抽象出来作为PersonBean，他有13个变量,而"Children"的上一级则是另一个Bean，它有8个变量，当然我们可以看到跟"Children"同级的"header"也是一个PersonBean，所以我们单独拿出来让它和"Children"同级。因为我们是在一个页面获取的所有数据，并没有必要在一个页面处理所有的数据，所以第一层的"Children"我们选择，把它单独保留下来，转向下个页面的时候，把组成它的字符串传过去，让下个页面来处理，减轻当前页面的负担。于是，形成如下的数据结构：

public class CommonBean implements Serializable{

    private String Name;
    private int ParentId;
    private int ChildDepartmentCount;
    private int UserInfoCount;
    private String Type;
    private int Id;
    private String Code;
    //Children数组
    private String array;
    //leader信息
    private PersonContactsBean leader;

    public void setLeader(PersonContactsBean leader) {
        this.leader = leader;
    }

    public PersonContactsBean getLeader() {
        return leader;
    }

    public void setArray(String array) {
        this.array = array;
    }

    public String getArray() {
        return array;
    }

    public void setName(String Name) {
        this.Name = Name;
    }

    public void setParentId(int ParentId) {
        this.ParentId = ParentId;
    }

    public void setChildDepartmentCount(int ChildDepartmentCount) {
        this.ChildDepartmentCount = ChildDepartmentCount;
    }

    public void setUserInfoCount(int UserInfoCount) {
        this.UserInfoCount = UserInfoCount;
    }

    public void setType(String Type) {
        this.Type = Type;
    }

    public void setId(int Id) {
        this.Id = Id;
    }


    public void setCode(String Code) {
        this.Code = Code;
    }

    public String getName() {
        return Name;
    }

    public int getParentId() {
        return ParentId;
    }

    public int getChildDepartmentCount() {
        return ChildDepartmentCount;
    }

    public int getUserInfoCount() {
        return UserInfoCount;
    }

    public String getType() {
        return Type;
    }

    public int getId() {
        return Id;
    }


    public String getCode() {
        return Code;
    }

    @Override
    public String toString() {
        return getType()+getCode();
    }
}

转载于:https://my.oschina.net/lengwei/blog/496496