将嵌套的 JSON 数据列出到表视图
Posted
技术标签:
【中文标题】将嵌套的 JSON 数据列出到表视图【英文标题】：Listing nested JSON data to table view 【发布时间】：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 以逐一获取数据。如果您需要建议，请在表格视图中与我分享一些代码 不相关，但您可以将所有属性声明为非可选（去掉问号） 【参考方案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？以上是关于将嵌套的 JSON 数据列出到表视图的主要内容，如果未能解决你的问题，请参考以下文章
使用 SwiftJSON 将 Alamofire 结果 JSON 加载到表视图中