将嵌套的 JSON 数据列出到表视图答案

【问题标题】：Listing nested JSON data to table view将嵌套的 JSON 数据列出到表视图
【发布时间】：2018-03-26 12:48:11
【问题描述】：

我有一个复杂的嵌套 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”，然后相应地列出“routine”列表，如下图所示：

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

我卡在名为 (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"))])])])]

【问题讨论】：

您可以将单元格链接到特定标签，然后逐行调用对象类 indexpath 以逐一获取数据。如果您需要建议，请在表格视图中与我分享一些代码
不相关，但您可以将所有属性声明为非可选（去掉问号）

标签： json swift uitableview

【解决方案1】：

对于这个输出，你应该用 Headerview 创建分段的 tableview。

实现如下所示的委托方法。

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
}

仅供参考。代码将根据您的实际需求进行更改，这里的概念将是相同的。

这里CustomCell 是您的自定义表格视图单元格，如有任何疑问，请告诉我。

【讨论】：

我已经更新了我有问题的代码，请您相应地指导我
你的 json 响应是什么？什么是 print(self.dataRoutine.count)
我的 json 回复在我的问题的末尾，我已经编辑了我的问题，你能检查一下吗？
@TheSwiftGuy77 完美回复，试试我提供的代码，你要想想怎么实现，策略和小改动一样
我用你的代码做了，但我卡在这一行 "let dayModel = arrDayDataModel[indexPath.section]" ，这个 "arrDayDataModel" 变量指的是什么？

【解决方案2】：

为 swift 4 尝试此代码

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cellIdentifier : String = "periodCell";
        var cell : periodCell! = tableView.dequeueReusableCell(withIdentifier: cellIdentifier) as! periodCell ;
        if (cell == nil) {
            cell = periodCell.init(style: UITableViewCellStyle.default, reuseIdentifier: cellIdentifier);
        }           
        let periodData = arrPeriod.object(at: indexPath.row) as? FinalRoutineDataModel

        cell.lblPeriod.text = periodData!.period
        cell.lblTeacher.text = periodData!.reacher
        cell.lblStartTime.text = periodDa!ta.start_time
        cell.lblEndTime.text = periodData!.end_time
        cell.lblSubject.text = periodData!.subject

        return cell;
    }

【讨论】：

“让 periodData = arrPeriod.object(at: indexPath.row) as?FinalRoutineDataModel”中的“arrPeriod”指的是什么？
请解释一下你的代码什么是arrPeriod？