「小程序JAVA实战」小程序默认加载的页面和生命周期（八）-创新互联

小程序如何加载的呢？生命周期！源码：https://github.com/limingios/wxProgram.git 中的No.3

创新互联公司服务项目包括饶平网站建设、饶平网站制作、饶平网页制作以及饶平网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，饶平网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到饶平省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

加载页面

• 小程序默认加载的pages中的第一个目录

不管你的名称，只管你的顺序

• 其他目录需要通过触发才能加载

生命周期

相关的框架的时候都有生命周期的概念，通过了解生命周期更好的把控框架的使用！

• onLaunch

  第一次打开小程序的初始化，也被调用一次。

• onShow

  随着第一次onLaunch的时候触发，小程序打开前台展现。

• onHide

  小程序从前台到后台的转变，就是隐藏到后台去了。

场景：在用手机上使用微信，这时候点击手机的home键，微信就退入后台去，触发onHide事件，我们双击home键，把任务管理器打开，显示出来微信，这时候就触发onShow事件，

• onError

  小程序出现错误的时候，就在这了抛出来，有点像java开发的exception。

• 其他

  小程序提供给开发者定义一些参数，数字对象或者是函数，可以通过私有的js进行调用。可能不太理解吧，以后会讲清楚的。

• 官网最靠谱：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html

演示微信小程序的生命周期

• 修改app.js

//app.js
App({
  onLaunch: function (options) {
    console.log("onLaunch")
  },
  onShow: function (options) {
    console.log("onShow")
  },
  onHide: function () {
    console.log("onHide")
  },
  onError: function (msg) {
    console.log("onError")
  },
  globalData: 'I am global data'
})

• 编译
  > console.log打印了onLaunch 和 onShow

• 全部对象的调用方式
  >test.js 和 test.wxml ，test.js先初始化获取全局实例，通过全局实例获取到全局变量，将全局变量赋值给页面数据上motto上。test.wxml是通过数据绑定的方式获取motto的值。

//test.js
Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  onLoad: function () {
    //获取应用实例
    const app = getApp();
     //获取应用实例里面的全局变量
    console.log(app.globalData);
    this.setData({
      //全局变量赋值给页面的变量
      motto:app.globalData
    })
  }
})

{{motto}}

PS：小程序的默认加载，小程序的生命周期，小程序的全局对象调用。

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。