微信伟德国际电脑版充值开发教程—逻辑层js详解

Rolan 2017-6-23 00:46

 逻辑层,是事务逻辑处理的地方。对于伟德国际电脑版充值而言,逻辑层就是.js脚本文件的集合。逻辑层将数据进行处理后发送给视图层,同时接收视图层的事件反馈。  微信伟德国际电脑版充值开发框架的逻辑层是由JavaScript编写。在JavaScrip ...

 逻辑层,是事务逻辑处理的地方。对于伟德国际电脑版充值而言,逻辑层就是.js脚本文件的集合。逻辑层将数据进行处理后发送给视图层,同时接收视图层的事件反馈。

  微信伟德国际电脑版充值开发框架的逻辑层是由JavaScript编写。在JavaScript的基础上,微信团队做了一些适当的修改,以便提高开发伟德国际电脑版充值的效率。主要修改包括:

  ♦ 增加app和page方法,进行程序和页面的注册

  ♦ 提供丰富的API,如扫一扫、支付等微信特有的能力

  ♦ 每个页面有独立的作用域,并提供模块化能力。

  逻辑层的实现就是编写各个页面的.js脚本文件。但由于伟德国际电脑版充值并非运行在浏览器中,所以JavaScript在Web中的一些能力无法使用,如document、window等。

  我们开发编写的所有代码最终会打包成一份JavaScript,并在伟德国际电脑版充值启动的时候运行,直到伟德国际电脑版充值销毁。

 

注册程序:App()方法

  在逻辑层,App()方法用来注册一个伟德国际电脑版充值。App()接受一个object参数,用于指定伟德国际电脑版充值的生命周期函数等。App()方法有且仅有一个,存在于app.js中。object参数见下表

  

  注意:onLaunch函数全局只触发一次。

  前台、后台:用户当前界面运行或操作伟德国际电脑版充值时为前台;当用户点击左上角关闭,或者按了设备Home键离开微信,伟德国际电脑版充值并没有直接销毁,而是进入后台;当再次进入微信或再次打开伟德国际电脑版充值,又会从后台进入前台。

  销毁:只有当伟德国际电脑版充值进入后台一定时间,或者系统资源占用过高,才会被真正销毁。此时代表伟德国际电脑版充值的声明周期结束。

  关闭伟德国际电脑版充值(公共库版本1.1.0开始支持): 当用户从扫一扫、转发等入口(场景值为1007, 1008, 1011, 1025)进入伟德国际电脑版充值,且没有置顶伟德国际电脑版充值的情况下退出,伟德国际电脑版充值会被销毁。

  示例代码:

复制代码
App({
  onLaunch: function(){
    //启动时执行的初始化工作
  },
  onShow: function(){
    //伟德国际电脑版充值从后台进入前台时,触发执行的操作
  },
  onHide: function(){
    //伟德国际电脑版充值从前台进入后台时,触发执行的操作
  },
  globalData:'I am global data'
})
复制代码

  onLaunch, onShow 参数

获取更多转发信息

通常开发者希望转发出去的伟德国际电脑版充值被二次打开的时候能够获取到一些信息,例如群的标识。现在通过调用 wx.showShareMenu 并且设置 withShareTicket为 true ,当用户将伟德国际电脑版充值转发到任一群聊之后,可以获取到此次转发的 shareTicket,此转发卡片在群聊中被其他用户打开时,可以在 App.onLaunch() 获取到另一个 shareTicket。这两步获取到的 shareTicket 均可通过 wx.getShareInfo() 接口可以获取到相同的转发信息。

 

 

  微信团队为开发者提供全局的getApp()函数,可以用来获取伟德国际电脑版充值实例。示例如下:

//other.js
var app = getApp();
console.log(app.globalData);//I am global data
注意:
    ♦ App()方法须在app.js中注册,且不能注册多个。
    ♦ 不要再定义App()内的函数中调用getApp(),使用this就可以拿到App实例。
♦ 通过getApp()获取实例之后,不要私自调用生命周期函数。

 

 

 

注册页面:Page()方法

  在逻辑层,Page()方法用来注册一个页面。Page()接受一个object参数,用于指定页面的初始数据、生命周期函数、事件处理函数等。Page()方法每个页面有且仅有一个,存在于该页面的.js文件中。

  

  示例代码:

复制代码
Page({
  Data: {
    Text: 'This is page data.'
  },
  onLoad: function (options) {
    //页面加载时执行的初始化工作
  },
  onReady: function () {
    //页面就绪后触发执行的操作
  },
  onShow: function () {
    //页面打开时,触发执行的操作
  },
  onHide: function () {
    //页面隐藏时,触发执行的操作
  },
  onUnload: function () {
    //页面关闭时,触发执行的操作
  },
  onPullDownRefresh: function(){
    //用户在页面下拉时执行的操作
  },
  onReachBottom: function(){
    //到达页面底部时执行的操作
  },
  //Event Handler
  viewTap: function () {
    this.setData({
      text: 'set some data for updating view.'
    })
  },
})
复制代码
注意:
    ♦ 不要在 onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成。

 

初始化数据

  初始化数据将作为页面的第一次渲染。对象data将会以JSON的形式由逻辑层传至视图层,所以其数据必须是可以转成JSON的格式:字符串、数字、布尔值、对象、数组。视图层可以通过WXML对数据进行绑定。


<view>{{text}}view>
<view>{{array[0].msg}}view>
复制代码
//demo.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    text: 'init data',
    array: [{msg:'1'},{msg:'2'}]
  }
})
复制代码

 

页面的生命周期

 

鲜花
鲜花 (1)
鸡蛋
鸡蛋

刚表态过的朋友 (1 人)

分享至 : QQ空间
收藏
原作者: 蔚蓝色幻想 来自: 博客园

相关阅读