微信小程序開(kāi)發(fā)天氣APP

【摘 要】使用微信開(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>