Swift学习日记(3) --关于请求多个接口导致UI绘制顺序不正确及GCD-Toy模板网

这篇具有很好参考价值的文章主要介绍了Swift学习日记(3) --关于请求多个接口导致UI绘制顺序不正确及GCD。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

调用多个接口然后刷新列表导致加载顺序不正确

问题描述：在我写的controller里面需要去请求三个接口：广告接口九宫格接口单曲接口

每个接口对应的是tableview里面每一个cell的数据，为了图省事，我把三个接口直接扔在viewdidload里面，然后在每个接口请求完数据之后刷新一下列表。
代码如下：

    override func viewDidLoad() {
        super.viewDidLoad()

        fetchDataAndUpdateUI()
        
    }

这个 fetchDataAndUpdateUI()是广告接口
在这个广告接口里面代码如下：

func fetchDataAndUpdateUI() {
        let position = 0
        let target:DefaultService = .ads(position: position)
        
        let cancellable = NetWorkManage.request(target, completion: { responseDict in
            // 解析成功的响应
            if let nestedData = responseDict["data"] as? [String: Any],
               let dataArray = nestedData["data"] as? [[String: Any]] {
                var ads = [Ad]()
                for adData in dataArray {
                    if let ad = Ad.deserialize(from: adData) {
                        ads.append(ad)
                    } else {
                        print("Failed to parse ad data.")
                    }
                }

                let bannerData = BannerData(ads)
                self.datum.removeAll()
                self.datum.append(bannerData)
                self.datum.append(ButtonData())
                self.sheets()
                
            } else {
                print("Nested data field not found in JSON or has incorrect format.")
            }
        }, fail: { networkError in
            // 处理请求失败的情况
            print("Network request failed with code: \(networkError.code ?? "") and message: \(networkError.message ?? "")")
        })
    }

重点是 self.sheets()在这里我调用了第二个九宫格数据接口，原来的话我是直接reloadData()刷新一下列表。
然后接着来看Sheets()这个接口
代码如下：

func sheets() {
        let size = 12
        let target:DefaultService = .sheets(size: size)
        
        let cancellable = NetWorkManage.request(target, completion: { responseDict in
            // 解析成功的响应
            if let nestedData = responseDict["data"] as? [String: Any],
               let dataArray = nestedData["data"] as? [[String: Any]] {
                var sheets = [Sheet]()
                for adData in dataArray {
                    if let sheet = Sheet.deserialize(from: adData) {
                        sheets.append(sheet)
                    } else {
                        print("Failed to parse ad data.")
                    }
                }
                
                self.datum.append(SheetData(sheets))
                self.loadSong()
            } else {
                print("Nested data field not found in JSON or has incorrect format.")
            }
        }, fail: { networkError in
            // 处理请求失败的情况
            print("Network request failed with code: \(networkError.code ?? "") and message: \(networkError.message ?? "")")
        })
    }

同样的这里的重点是请求了一下self.loadSong()请求了一下单曲数据
最后再来看一下loadSong里面的代码

func loadSong(){
        let size = 12
        let target:DefaultService = .songs
        
        let cancellable = NetWorkManage.request(target, completion: { responseDict in
            // 解析成功的响应
            if let nestedData = responseDict["data"] as? [String: Any],
               let dataArray = nestedData["data"] as? [[String: Any]] {
                var songs = [Song]()
                for adData in dataArray {
                    if let song = Song.deserialize(from: adData) {
                        songs.append(song)
                    } else {
                        print("Failed to parse ad data.")
                    }
                }
            
                self.datum.append(SongData(songs))
                self.tableView.reloadData()
            } else {
                print("Nested data field not found in JSON or has incorrect format.")
            }
        }, fail: { networkError in
            // 处理请求失败的情况
            print("Network request failed with code: \(networkError.code ?? "") and message: \(networkError.message ?? "")")
        })
    }

请求完loadSong之后我才调用self.tableView.reloadData()来刷新整个tableview
这样嵌套的话就不会出现cell绘制的过程中顺序错误。

当然其实这只能说是最低端的写法，只是给初学者进行参考(ps:我也是)，但是查阅资料学习的过程中发现了问题。

其实优化一下的话是要用gcd来进行并发处理请求回来这三个数据之后再去reloadData()刷新列表，但我还没用上。

我问的GPT代码贴到下方：

class DiscoveryController: UIViewController {

    // ... 省略了其他代码

    override func viewDidLoad() {
        super.viewDidLoad()
        // ... 省略了其他代码
        fetchDataAndUpdateUI()
    }

    func fetchDataAndUpdateUI() {
        let group = DispatchGroup()

        group.enter()
        fetchAdsData(group: group)

        group.enter()
        fetchSheetsData(group: group)

        group.notify(queue: .main) {
            self.tableView.reloadData()
        }
    }

    func fetchAdsData(group: DispatchGroup) {
        // ... 省略了网络请求的代码，保持和之前一样的逻辑
        // 记得在请求完成或失败后调用 group.leave()
    }

    func fetchSheetsData(group: DispatchGroup) {
        // ... 省略了网络请求的代码，保持和之前一样的逻辑
        // 记得在请求完成或失败后调用 group.leave()
    }

    // ... 省略了其他代码

}