小程序模板網(wǎng)

忽如寄:微信小程序demo簡易教程:天氣APP(附源碼下載)

發(fā)布時(shí)間:2018-03-30 15:46 所屬欄目:小程序開發(fā)教程

一、最終效果

這次的小程序提供兩種界面,功能簡約版與功能加強(qiáng)版,任君選取:
簡約版:


主要功能:
1、當(dāng)日天氣:顯示用戶當(dāng)?shù)禺?dāng)天的溫度范圍、天氣、風(fēng)力情況、地點(diǎn),同時(shí)從穿衣指數(shù)、洗車指數(shù)、感冒指數(shù)、運(yùn)動(dòng)指數(shù)、紫外線強(qiáng)度指數(shù)中隨機(jī)挑選一個(gè)作為當(dāng)日的友情提示,且用戶每次打開時(shí)都將隨機(jī)更新友情提示。
2、未來天氣:顯示未來三天的日期、天氣、溫度范圍、風(fēng)力情況
3、整個(gè)小程序只有一個(gè)頁面,用戶進(jìn)入小程序即可得到天氣信息,除去了繁雜的信息干擾。
加強(qiáng)版:


主要功能:
1、將信息分為三個(gè)tabBar,即“首頁”、“生活”、“未來”
2、首頁顯示當(dāng)時(shí)的時(shí)間、實(shí)時(shí)溫度、天氣及其圖標(biāo)。
3、生活頁面用來顯示穿衣指數(shù)、洗車指數(shù)、感冒指數(shù)、運(yùn)動(dòng)指數(shù)、紫外線強(qiáng)度指數(shù),同時(shí)提供相關(guān)的生活建議
4、未來顯示未來三天和今日的天氣溫度狀況
5、三個(gè)頁面均有定位功能

二、涉及知識(shí)

1、頁面布局和樣式書寫
2、數(shù)據(jù)綁定、條件渲染、列表渲染、模板、引用
3、位置API、網(wǎng)絡(luò)請(qǐng)求API
4、百度地圖API

三、防入坑tips

1、發(fā)起網(wǎng)絡(luò)請(qǐng)求需要管理員在后臺(tái)配置request的域名,且域名必須使用協(xié)議https,不能使http
2、永遠(yuǎn)以真機(jī)測(cè)試為準(zhǔn)
3、多使用控制臺(tái)報(bào)錯(cuò)信息debug,多使用模板,圖片壓縮是王道。

四、代碼編寫


本文地址:http://u-renovate.com/wxmini/doc/course/22975.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢