4.2 查詢結(jié)果節(jié)目多列表優(yōu)化
這里折騰了天吧，相當(dāng)于是3.26-折騰到3.27 。
【值得記錄】主要問題一、修改數(shù)據(jù)的返回形式，數(shù)據(jù)從寫死到靈活。從單個數(shù)據(jù)到多個數(shù)據(jù)的返回，最開始的單個封裝到多個無封裝返回。
【值得記錄】主要問題二，返回多張圖片時，一直獲取的是最后的圖片問題，或者是獲取不到圖片問題，或者是數(shù)據(jù)顯示不全的問題。
循環(huán)變量沖突問題。

其實一開始數(shù)據(jù)封裝對了

本質(zhì)解決方案

錯誤使用wx:if 以及圖片路徑正確的循環(huán)。后臺返回也要正確。
后臺代碼：
success: function (res) {
//console.log(res);
// console.log(res.data);
//數(shù)組拿回來了，怎么用呢？ --繼續(xù)打印出來
console.log(res.data.length);
for (var i = 0, len = res.data.length; i < len; i++) {
//console.log(res.data[i].photopath+‘第一個 + ‘+i);
// that.data.items[i] = res.data[i];//進行封裝 傳遞給界面
//處理圖片
var photopath = res.data[i].photopath;
var result = photopath.split(",");
var testdata1 = [];
for (var j = 0; j < result.length; j++) {
if (result[j].indexOf("/") > 0) {
//如果包含有"/“號 從最后一個”/“號+1的位置開始截取字符串
testdata1[j] = ‘http://localhost/wechat/photopath/’ + result[j].substring(result[j].lastIndexOf(”/") + 1, result[j].length);
//console.log(testdata1);
}
}// for 循環(huán)結(jié)束
// 怎么辦把圖片一起帶進去—給每一個 i 帶一個
res.data[i].photopath = testdata1; //改一下
//console.log(res.data[i].photopath+’ 改過以后的第二個 +’+i);
that.data.items[i] = res.data[i];//進行封裝 傳遞給界面
console.log(that.data.items[i]);
//console.log(that.data.items[i].photopath);
that.data.photorouters[i] = testdata1;
//console.log(that.data.photorouters[i]);
}

that.setData({items: that.data.items,//傳遞給界面photorouters: that.data.photorouters, // 圖片路徑})},

前臺代碼：

總結(jié)

以上是生活随笔為你收集整理的小程序 返回多条图文，类似新闻或者博客的展示，其中遇到的bug的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。