将嵌套的JSON数据列入表视图

时间:2018-03-26 12:48:12

标签: json swift uitableview

我有一个复杂的嵌套JSON数据,如下所示:

[
{
    "class_name": "Class One",
    "section": [
        {
            "section": "A",
            "day": [
                {
                    "day_name": "Sunday",
                    "routine": [
                        {
                            "period": "First",
                            "teacher": "Kiran  Magar",
                            "start_time": "10:00 AM",
                            "end_time": "10:40 AM",
                            "subject": "English"
                        },
                        {
                            "period": "Second",
                            "teacher": "Kushal  Karki",
                            "start_time": "10:40 AM",
                            "end_time": "11:20 AM",
                            "subject": "Nepali"
                        },
                        {
                            "period": "Third",
                            "teacher": "Komal  Rai",
                            "start_time": "11:20 AM",
                            "end_time": "12:00 PM",
                            "subject": "Math"
                        },
                        {
                            "period": "Fourth",
                            "teacher": "Komal  Rai",
                            "start_time": "12:00 PM",
                            "end_time": "12:30 PM",
                            "subject": "Math"
                        },
                        {
                            "period": "Fifth",
                            "teacher": "Komal  Rai",
                            "start_time": "01:00 PM",
                            "end_time": "01:40 PM",
                            "subject": "Grammer"
                        },
                        {
                            "period": "Sixth",
                            "teacher": "Madhu Sudhan Neupane",
                            "start_time": "01:40 PM",
                            "end_time": "02:20 PM",
                            "subject": "Nepali"
                        },
                        {
                            "period": "Seventh",
                            "teacher": "Puran  Duku",
                            "start_time": "02:20 PM",
                            "end_time": "03:00 PM",
                            "subject": "Computer"
                        }
                    ]
                },
                {
                    "day_name": "Monday",
                    "routine": [
                        {
                            "period": "First",
                            "teacher": "Komal  Rai",
                            "start_time": "10:00 AM",
                            "end_time": "10:40 AM",
                            "subject": "Math"
                        },
                        {
                            "period": "Second",
                            "teacher": "Kushal  Karki",
                            "start_time": "10:40 AM",
                            "end_time": "11:20 AM",
                            "subject": "Nepali"
                        },
                        {
                            "period": "Third",
                            "teacher": "Komal  Rai",
                            "start_time": "11:20 AM",
                            "end_time": "12:00 PM",
                            "subject": "Math"
                        },
                        {
                            "period": "Fourth",
                            "teacher": "Madhu Sudhan Neupane",
                            "start_time": "12:00 PM",
                            "end_time": "12:30 PM",
                            "subject": "Science"
                        },
                        {
                            "period": "Fifth",
                            "teacher": "Prasanna  Chudal",
                            "start_time": "01:00 PM",
                            "end_time": "01:40 PM",
                            "subject": "Social"
                        },
                        {
                            "period": "Sixth",
                            "teacher": "Puran  Duku",
                            "start_time": "01:40 PM",
                            "end_time": "02:20 PM",
                            "subject": "Computer"
                        },
                        {
                            "period": "Seventh",
                            "teacher": "Komal  Rai",
                            "start_time": "02:20 PM",
                            "end_time": "03:00 PM",
                            "subject": "Math"
                        }
                    ]
                },
                {
                    "day_name": "Tuesday",
                    "routine": [
                        {
                            "period": "First",
                            "teacher": "Kiran  Magar",
                            "start_time": "10:00 AM",
                            "end_time": "10:40 AM",
                            "subject": "English"
                        },
                        {
                            "period": "Second",
                            "teacher": "Kushal  Karki",
                            "start_time": "10:40 AM",
                            "end_time": "11:20 AM",
                            "subject": "Nepali"
                        },
                        {
                            "period": "Third",
                            "teacher": "Komal  Rai",
                            "start_time": "11:20 AM",
                            "end_time": "12:00 PM",
                            "subject": "Math"
                        },
                        {
                            "period": "Fourth",
                            "teacher": "Madhu Sudhan Neupane",
                            "start_time": "12:00 PM",
                            "end_time": "12:30 PM",
                            "subject": "Science"
                        },
                        {
                            "period": "Fifth",
                            "teacher": "Prasanna  Chudal",
                            "start_time": "01:00 PM",
                            "end_time": "01:40 PM",
                            "subject": "Social"
                        },
                        {
                            "period": "Sixth",
                            "teacher": "Puran  Duku",
                            "start_time": "01:40 PM",
                            "end_time": "02:20 PM",
                            "subject": "Computer"
                        },
                        {
                            "period": "Seventh",
                            "teacher": "Komal  Rai",
                            "start_time": "02:20 PM",
                            "end_time": "03:00 PM",
                            "subject": "Math"
                        }
                    ]
                }
            ]
        }
    ]
}
]

我想获取具有“day_name”的“day”,然后相应地列出“例程”列表,如下图所示:

enter image description here

我已经制作了表格视图单元格设计并链接了所有属性,而且我已经制作了如下所示的结构:

enter image description here

我陷入了最后一个叫做(cellForRowAt)的函数

更新

我使用以下函数下载了我的JSON数据:

    var dataRoutine = [RoutineDataModel]()

func downloadJsonData(completed : @escaping ()->()){

    guard let url = URL(string: "http://www.swipecrafts.com/class/routine")else {return}
    var request = URLRequest.init(url: url)
    request.addValue("cf7ab8c9d4efae82b575eabd6bec76cbb86c6108391e036387f3dd5356a582171519367747000", forHTTPHeaderField: "api_key")

    request.httpMethod = "POST"

    request.httpBody = httpBodyy.data(using: .utf8)

    URLSession.shared.dataTask(with: request) { (data, response, error) in

        if let httpResponse = response as? HTTPURLResponse {
            let statuscode = httpResponse.statusCode
            if statuscode == 404{
                self.displayMessage(userMessage: "Sorry! No Routine Found")
            }else{
                if error == nil{
                    do{
                       self.dataRoutine = try JSONDecoder().decode([RoutineDataModel].self, from: data!)
                        DispatchQueue.main.async {
                            completed()
                            print(self.dataRoutine.count)
                        }
                    }catch{
                        print(error)
                    }
                }
            }
    }

}.resume()

}

*注意:我是swift的新手

编辑:

我的回复:

[Ez_Vidhya_School_App.RoutineDataModel(class_name: Optional("Class One"), section: [Ez_Vidhya_School_App.SectionDataModel(section: Optional("A"), day: [Ez_Vidhya_School_App.DayDataModel(day_name: Optional("Sunday"), routine: [Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("First"), teacher: Optional("Kiran  Magar"), start_time: Optional("10:00 AM"), end_time: Optional("10:40 AM"), subject: Optional("English")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Second"), teacher: Optional("Kushal  Karki"), start_time: Optional("10:40 AM"), end_time: Optional("11:20 AM"), subject: Optional("Nepali")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Third"), teacher: Optional("Komal  Rai"), start_time: Optional("11:20 AM"), end_time: Optional("12:00 PM"), subject: Optional("Math")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Fourth"), teacher: Optional("Komal  Rai"), start_time: Optional("12:00 PM"), end_time: Optional("12:30 PM"), subject: Optional("Math")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Fifth"), teacher: Optional("Komal  Rai"), start_time: Optional("01:00 PM"), end_time: Optional("01:40 PM"), subject: Optional("Grammer")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Sixth"), teacher: Optional("Madhu Sudhan Neupane"), start_time: Optional("01:40 PM"), end_time: Optional("02:20 PM"), subject: Optional("Nepali")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Seventh"), teacher: Optional("Puran  Duku"), start_time: Optional("02:20 PM"), end_time: Optional("03:00 PM"), subject: Optional("Computer"))]), Ez_Vidhya_School_App.DayDataModel(day_name: Optional("Monday"), routine: [Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("First"), teacher: Optional("Komal  Rai"), start_time: Optional("10:00 AM"), end_time: Optional("10:40 AM"), subject: Optional("Math")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Second"), teacher: Optional("Kushal  Karki"), start_time: Optional("10:40 AM"), end_time: Optional("11:20 AM"), subject: Optional("Nepali")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Third"), teacher: Optional("Komal  Rai"), start_time: Optional("11:20 AM"), end_time: Optional("12:00 PM"), subject: Optional("Math")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Fourth"), teacher: Optional("Madhu Sudhan Neupane"), start_time: Optional("12:00 PM"), end_time: Optional("12:30 PM"), subject: Optional("Science")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Fifth"), teacher: Optional("Prasanna  Chudal"), start_time: Optional("01:00 PM"), end_time: Optional("01:40 PM"), subject: Optional("Social")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Sixth"), teacher: Optional("Puran  Duku"), start_time: Optional("01:40 PM"), end_time: Optional("02:20 PM"), subject: Optional("Computer")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Seventh"), teacher: Optional("Komal  Rai"), start_time: Optional("02:20 PM"), end_time: Optional("03:00 PM"), subject: Optional("Math"))]), Ez_Vidhya_School_App.DayDataModel(day_name: Optional("Tuesday"), routine: [Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("First"), teacher: Optional("Kiran  Magar"), start_time: Optional("10:00 AM"), end_time: Optional("10:40 AM"), subject: Optional("English")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Second"), teacher: Optional("Kushal  Karki"), start_time: Optional("10:40 AM"), end_time: Optional("11:20 AM"), subject: Optional("Nepali")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Third"), teacher: Optional("Komal  Rai"), start_time: Optional("11:20 AM"), end_time: Optional("12:00 PM"), subject: Optional("Math")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Fourth"), teacher: Optional("Madhu Sudhan Neupane"), start_time: Optional("12:00 PM"), end_time: Optional("12:30 PM"), subject: Optional("Science")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Fifth"), teacher: Optional("Prasanna  Chudal"), start_time: Optional("01:00 PM"), end_time: Optional("01:40 PM"), subject: Optional("Social")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Sixth"), teacher: Optional("Puran  Duku"), start_time: Optional("01:40 PM"), end_time: Optional("02:20 PM"), subject: Optional("Computer")), Ez_Vidhya_School_App.FinalRoutineDataModel(period: Optional("Seventh"), teacher: Optional("Komal  Rai"), start_time: Optional("02:20 PM"), end_time: Optional("03:00 PM"), subject: Optional("Math"))])])])]

2 个答案:

答案 0 :(得分:2)

对于此输出,您应该使用Headerview创建分段表视图。

实施如下的委托方法。

func numberOfSections(in tableView: UITableView) -> Int {
    return arrDayDataModel.count //In your case, this is the array of day from Section Data Model
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    let dayModel = arrDayDataModel[section]
    return dayModel.routine.count
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "CustomCell") as! CustomCell

    let dayModel = arrDayDataModel[indexPath.section]
    let routineDayModel = dayModel.routine[indexPath.row]

    //Your Code goes here        
    cell.textLabel.text = routineDayModel.teacher
    return cell
}


func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 50
}

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let headerView = UIView(frame: CGRect(x: 0, y: 0, width: tableView.frame.size.width, height: 50))
    headerView.backgroundColor = UIColor.lightGray

    let lblTemp = UILabel(frame: headerView.bounds)
    let dayModel = arrDayDataModel[indexPath.section] //Your FinalRouteDataModel
    lblTemp.text = dayModel.day_name

    headerView.addSubview(lblTemp)
    return headerView
}

FYI。代码将根据您的实际要求进行更改,概念将在此处相同。

此处CustomCell是您的自定义表格视图单元格,如有任何疑问,请与我们联系。

答案 1 :(得分:-1)

尝试使用swift 4的代码

{{1}}