网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

微信小程序怎么注册页面

本篇内容介绍了“微信小程序怎么注册页面”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

辛集网站建设公司成都创新互联公司,辛集网站设计制作,有大型网站制作公司丰富经验。已为辛集成百上千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的辛集做网站的公司定做!

注册过小程序之后,接下来注册页面。

代码说明

//index.js
//获取应用实例
var app = getApp()
Page({
    data: {
        motto: 'Hello World',
        userInfo: {}

    },
 

    //事件处理函数
    bindViewTap: function() {
        wx.navigateTo({
             url: '../logs/logs'
        })
    },
  

    onLoad: function () {
        console.log('onLoad')
        var that = this
        //调用应用实例的方法获取全局数据
        app.getUserInfo(function(userInfo){
            //更新数据
            that.setData({
                userInfo:userInfo
            })
        })
     }
})

Page函数

Page() 函数接受一个 object 参数,用来注册一个页面。它可以指定页面的初始数据、生命周期函数、事件处理函数等。

初始化数据

data属性指定的数据在页面第一次描画时使用。本例中定义了两个数据:motto和userinfo。

事件处理

bindViewTap函数是在index.wxml中绑定到用户信息表示容器上的。每当用户点击该容器,这个函数就会被调用。它的内容很简单,就是迁移到log画面。

生命周期函数

本例中注册了onLoad函数,它会在页面加载时自动调用。

onLoad函数以函数对象为参数调用app.getUserInfo函数。而这个函数对象以userinfo为参数,功能是将userinfo设置到页面数据的userinfo对象上。

JavaScript知识

在调用app.getUserInfo传递了一个匿名的函数对象。这个对象至少有两点是C程序员不习惯的。

this和that

代码中首先定义了一个that变量并将this赋值给它,然后使用that调用setData函数。这么做是因为javascript的this指针指向的是调用函数的上下文。而这个函数在app.getUserInfo中调用,所以不能直接使用this,而只能使用事先准备好,指向本页面对象的that。

函数对象

在app.js中,作为参数传递给getUserInfo的函数对象cb是这样被调用的:

typeof cb == "function" && cb(this.globalData.userInfo)


我们可以用&&符号将表达式分为两部分,左边是取得cb的类型,确认是否是"function”,如果是则继续执行右半部分,以this.globalData.userInfo为参数调用cb函数;如果cb的类型不是"function",因为表达式已经为假,所以不会调用cb函数。

换一种写法,其实就是:

if(typeof cb == "function")

{

    cb(this.globalData.userInfo)

}

“微信小程序怎么注册页面”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


当前名称:微信小程序怎么注册页面
本文网址:http://bjjierui.cn/article/ppdhip.html

其他资讯