最近一直在學習HTML5,因為8月份要開發手機項目了。所以先把HTML5學習下。
基本思路:
1. 用戶未設置任何城市之前,根據HTML5 geolocation 獲取用戶所在的地理位置。
2. 根據用戶設置的城市切換到所在城市的天氣數據並展示之。
3. 根據當前城市的天氣,展示近3天的天氣情況。
從界面而言,基本上是仿百度小天氣實現的,圖片等也是在百度天氣中下載到。天氣的接口是調用的國家氣象局提供的接口數據。
從程序來講,里面使用了一個ajax.php文件,主要是用來根據城市名稱獲取天氣的情況,並實現緩存天氣數據。設置的是每隔4小時更新緩存(在用戶訪問界面后)。
先看看實現的效果:
說明一點:在運行時請使用支持HTML5的瀏覽器,才能查看到該效果。因為有PHP文件,所以必須在PHP環境下運行展示。
如果有遇到程序的問題,請給我留言,我會盡快處理。希望和大家共進步。
朋友們可以點擊我的新站:http://www.webfxb.com/