【摘 要】使用微信開(kāi)發(fā)者工具設(shè)計(jì)一款微信端的天氣App,通過(guò)城市定位功能和天氣查詢功能獲取天氣信息,所得到的天氣信息在經(jīng)過(guò)“小程序”邏輯層操作處理再由視圖層的各種組件顯示給用戶。用戶只需通過(guò)掃碼的方式即可獲得這款天氣APP,無(wú)需任何的裝載程序,事后也無(wú)需卸載,大大減少了手機(jī)的內(nèi)存開(kāi)銷,做到觸手可及,用完就走。
【關(guān)鍵詞】小程序 APP 前端
一、引言
本文設(shè)計(jì)的天氣APP是目前最受微信小程序開(kāi)發(fā)者青睞的生活工具類型的APP,其主要功能便是城市定位、顯示天氣狀況、查詢城市天氣。界面設(shè)計(jì)簡(jiǎn)潔明了,使用者能對(duì)當(dāng)前天氣狀況及未來(lái)天氣變化一目了然。
二、設(shè)計(jì)
小程序?yàn)殚_(kāi)發(fā)者提供了一個(gè)簡(jiǎn)單、高效的開(kāi)發(fā)框架,讓開(kāi)發(fā)者可以在微信中開(kāi)發(fā)具有原生 APP 體驗(yàn)的服務(wù)??蚣苤饕幸晥D層(View)和和邏輯層(App Service)兩大塊,并在視圖層與邏輯層間提供數(shù)據(jù)傳輸和事件系統(tǒng)。通過(guò)數(shù)據(jù)綁定系統(tǒng)可以讓邏輯層數(shù)據(jù)與視圖層保持同步,只要在邏輯層做一定的數(shù)據(jù)加工,視圖層就會(huì)做出相應(yīng)的更新。同樣,通過(guò)事件系統(tǒng)也可以讓視圖層的操作在邏輯層得到響應(yīng)。
1.邏輯層設(shè)計(jì)
天氣頁(yè)面的邏輯層主要作用是使天氣信息能夠的視圖層顯示和響應(yīng)界面操作,由于通過(guò)網(wǎng)絡(luò)獲得的數(shù)據(jù)并不都能符合視圖層的要求,所以采集的數(shù)據(jù)需要經(jīng)過(guò)一系列的加工,而且為能簡(jiǎn)便有效的在視圖上顯示這些數(shù)據(jù)信息,應(yīng)當(dāng)將這些加工處理后的數(shù)據(jù)儲(chǔ)存在一個(gè)數(shù)組當(dāng)中,這樣邏輯層與視圖層進(jìn)行數(shù)據(jù)綁定時(shí)只要對(duì)該數(shù)組進(jìn)行綁定即可,不需要逐個(gè)數(shù)據(jù)進(jìn)行綁定,這樣既減少代碼又簡(jiǎn)單高效?!?br>