微信小程序－微天气（中）

1. //app.js
2.  
3. App({
4.   onLaunch: function () {
5.     
6.   }, 
7.   globalData:{
8.     userInfo:null
9.   }
10. })

复制代码 主要的应用层逻辑都在 index.js 这个页面上：

1. //index.js
2. //获取应用实例
3.  
4. var util = require(‘../../util.js’)
5.  
6. Page({
7.  
8.   data: {
9.     weather: {}
10.   },
11.   onLoad: function () {
12.     
13.     var that = this;
14.  
15.     util.loadWeatherData(function(data){
16.       
17.       that.setData({
18.         weather: data
19.       });
20.  
21.     });    
22.  
23.   }
24.  
25. })

复制代码 大体看一下， 也并不复杂。 首先使用 require 语句导入我们上一篇文章中定义的 util.js 文件。 这里面提供了获取天气数据的整个逻辑。 然后 Page 对象中， data 数据层定义了天气数据的结构：

1. data: {
2.     weather: {}
3. }

复制代码 在 onLoad 方法中， 使用 util 中的 loadWeatherData 方法获取天气数据并设置到 UI 上：

1. onLoad: function () {
2.  
3.         var that = this;
4.  
5.         util.loadWeatherData(function(data){
6.           
7.           that.setData({
8.             weather: data
9.           });
10.  
11.         });    
12.  
13. }

复制代码 这个逻辑也不难理解，获取到数据后， 使用 setData 方法将它设置到数据层中。 注意，一定要用 setData 方法。 不能直接用这种属性赋值形式：

1. that.data.weather = data

复制代码 这样虽然也能设置底层数据，但它不能更新 UI 层的显示。 这也是微信数据绑定机制的一个原理。 所以大家在操作数据绑定的时候，一定要注意这一点， 否则就会容易造成很麻烦的调试问题。 到此为止， 小程序的应用逻辑部分就完成了。 怎么样，很简单吧。 对于应用层这块的逻辑，主要注意数据绑定和声明周期相关的内容即可。这两个地方比较容易产生非预期的结果。 其他地方和我们开发其他程序基本差不多。 关于应用层逻辑，咱们就聊到这里， 下篇再和大家聊聊 UI 层相关的内容。这样我们就可以对小程序的整个开发过程有一个了解了。