微信小程序開發(fā)（一）：服務(wù)器獲取數(shù)據(jù)列表渲染操作示例
更新時(shí)間：2020年06月01日 09:17:47 作者：二萌偏
這篇文章主要介紹了微信小程序開發(fā)服務(wù)器獲取數(shù)據(jù)列表渲染操作,結(jié)合實(shí)例形式分析了微信小程序后臺(tái)獲取服務(wù)器數(shù)據(jù)及前臺(tái)列表渲染相關(guān)操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
本文實(shí)例講述了微信小程序服務(wù)器獲取數(shù)據(jù)列表渲染操作。分享給大家供大家參考，具體如下：
在實(shí)際項(xiàng)目開發(fā)中，有很多時(shí)候，前臺(tái)頁面的數(shù)據(jù)需要后臺(tái)服務(wù)器傳遞過來。而前臺(tái)需要循環(huán)鋪值，類似如下頁面：
請求后臺(tái)數(shù)據(jù)：
wx.request({
url: getApp().globalData.httpUrl + '/sys/group/selectGroupProList', //請求后臺(tái)地址
data: {
//請求后臺(tái)的分頁數(shù)據(jù)
pageNum: that.data.page,
pageSize: that.data.pageSize
},
method: "post",
success(res) {
console.log(res.data);
}
})
后臺(tái)返回?cái)?shù)據(jù)類型：
接下來是前臺(tái)頁面鋪值，在普通網(wǎng)站頁面鋪值的時(shí)候我會(huì)用到JS字符串拼接技術(shù)，將數(shù)據(jù)拼到頁面，外面包一層for循環(huán)就可以循環(huán)鋪出這樣的列表頁面?，F(xiàn)在在微信小程序中，我們可以在wxml里面寫一部分js代碼，將for循環(huán)寫在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>是我引用的一個(gè)組件庫，此處不用考慮。
希望本文所述對大家微信小程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript中callee和caller的區(qū)別與用法實(shí)例分析
這篇文章主要介紹了JavaScript中callee和caller的區(qū)別與用法,結(jié)合實(shí)例形式分析了javascript中callee和caller的功能、區(qū)別、用法及操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
這篇文章講述可以幫助 改善優(yōu)化前端的技術(shù)，非常有用。主要內(nèi)容有清理代碼、壓縮圖片、壓縮外部資源、使用CDN，以及一些其它方法。這些方法會(huì)為你的網(wǎng)站帶顯著的速度提升和整體性能提升。下面跟著小編一起來看下吧2017-02-02
JS實(shí)現(xiàn)使用POST方式發(fā)送請求
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)使用POST方式發(fā)送請求，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08
繁簡字轉(zhuǎn)換功能...2006-07-07
javascript 獲取所有id中包含某關(guān)鍵字的控件的實(shí)現(xiàn)代碼
獲取某容器控件中id包含某字符串的控件id列表2010-11-11
Code：loadScript( )加載js的功能函數(shù)
Code：loadScript( )加載js的功能函數(shù)...2007-02-02
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端手指操控左右滑動(dòng)的菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
javascript實(shí)現(xiàn)超好看的3D煙花特效
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)超好看的3D煙花特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
哈希表是一種非常重要的數(shù)據(jù)結(jié)構(gòu)，幾乎所有的編程語言都有直接或者間接的應(yīng)用這種數(shù)據(jù)結(jié)構(gòu)。本文將為大家介紹通過JavaScript如何實(shí)現(xiàn)哈希表，以及哈希表的一些常用操作，需要的可以參考一下2021-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)京東快遞單號查詢，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07