微信小程序block的使用教程

經(jīng)過一年的發(fā)展，微信小程序發(fā)展火熱，本期就介紹下小程序的一些使用。

在安卓中我們經(jīng)常會使用ListView/GradeView/RecyclerView來實現(xiàn)展示循環(huán)數(shù)據(jù)。那么小程序中怎么到呢。其實很簡單，使用block就可以了。

下面我們先看下效果圖：

這個布局其實很簡單，大致分為3部分，上+下(左75%，右25%)。這里就不在細(xì)說了。那么這里要怎么寫wxml呢。下面貼代碼：

這邊很清晰的可以看出<block></block>這對標(biāo)簽，而數(shù)據(jù)源便是wx:for="{{goodlist}}"中的goodlist了。接著往下走，我們可以看到點擊標(biāo)簽的時候有bindtap事件，這里就不做說明了。我們重點看下{{item.StartCity}},這是什么意思呢，其實這就是獲取數(shù)據(jù)源中的數(shù)據(jù)，而item代表的是goodlist中的一條數(shù)據(jù)，StrrtCity等都是數(shù)據(jù)源中的一些具體屬性。你可以更據(jù)需要直接調(diào)頭你想要的字段名就可以了。block到此基本結(jié)束了。最后此處設(shè)置了一個view，用來代替當(dāng)數(shù)據(jù)源為空時顯示無數(shù)據(jù)頁面提示。

下面順便介紹下數(shù)據(jù)格式處理(時間格式轉(zhuǎn)化)：

在實際場景中我們可能會需要將時間轉(zhuǎn)化為幾分鐘前，幾小時前，幾天前等。那么我們數(shù)據(jù)庫中存放的一般是datetime格式數(shù)據(jù)。我們需要轉(zhuǎn)化處理。

處理時間的時候需要注意的是：ios和android上的時間格式不同。ios時間是以2018/04/01,所以需要先將時間格式轉(zhuǎn)化為/格式。不然你的小程序時間轉(zhuǎn)化只會對安卓生效哦。具體轉(zhuǎn)化代碼：

上面是我整理給大家的，希望今后會對大家有幫助。

相關(guān)文章：

AJAX +SpringMVC 實現(xiàn)bootstrap模態(tài)框的分頁查詢功能

完美解決ajax跨域請求下parsererror的錯誤

ajax提交手機號去數(shù)據(jù)庫驗證并返回狀態(tài)值

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com