溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編這次要給大家分享的是微信小程序中服務器如何獲取數據列表渲染，文章內容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。
在實際項目開發中，有很多時候，前臺頁面的數據需要后臺服務器傳遞過來。而前臺需要循環鋪值，類似如下頁面：
請求后臺數據：
wx.request({
url: getApp().globalData.httpUrl + '/sys/group/selectGroupProList', //請求后臺地址
data: {
//請求后臺的分頁數據
pageNum: that.data.page,
pageSize: that.data.pageSize
},
method: "post",
success(res) {
console.log(res.data);
}
})后臺返回數據類型：
接下來是前臺頁面鋪值，在普通網站頁面鋪值的時候我會用到JS字符串拼接技術，將數據拼到頁面，外面包一層for循環就可以循環鋪出這樣的列表頁面。現在在微信小程序中，我們可以在wxml里面寫一部分js代碼，將for循環寫在wxml中：
<view bindtap="jumpPages"
wx:for="{{contentlist}}"
wx:key="{{index}}"
wx:for-index="index"
wx:for-item="item"
>
<van-card
num=" {{item.prjcount}}人 "
price="課程小組"
title="{{item.project_name}}"
desc="{{item.name}}"
centered=true
currency=""
custom-class="custom-g"
thumb-class="thumb"
title-class="title-g"
desc-class="desc-g"
>
</van-card>
</view>注釋：代碼中的<van-card>是我引用的一個組件庫，此處不用考慮。
看完這篇關于微信小程序中服務器如何獲取數據列表渲染的文章，如果覺得文章內容寫得不錯的話，可以把它分享出去給更多人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
