亚洲欧美日韩综合系列在线_91精品人妻一区二区_欧美大肥婆一级特大AA片_九色91视频免费观看_亚洲综合国产精品_av中文字幕在线不卡_久久精品色综合网_看黄色视频的软件_无卡无码高清中文字幕码2024_亚洲欧美日韩天堂网

微信小程序開(kāi)發(fā)基礎(chǔ)知識(shí)

來(lái)源:熾熱可待 發(fā)布時(shí)間:2019-03-27 17:34:46 閱讀量:1272

全局配置:

1.1配置所有頁(yè)面路徑:在app.json{pages[配置所有頁(yè)面]},將首頁(yè)放置在第一位,在app.json必須寫(xiě)上所有頁(yè)面的路徑,要不然會(huì)報(bào)錯(cuò),每個(gè)頁(yè)面的wxss樣式文件只在當(dāng)前文件里有效

1.2設(shè)置tabBar導(dǎo)航:

tabBar: {

color: #7A7E83,//字體顏色

selectedColor: #3cc51f,//選中時(shí)候字體的顏色

borderStyle: black,//tabbar邊框的顏色,只有黑和白

backgroundColor: #fff,//背景顏色

list: [//2-5,只能設(shè)置2-5個(gè)導(dǎo)航

{

pagePath: page/newPage/index,//導(dǎo)航頁(yè)面路徑,根據(jù)路徑匹配tarbar導(dǎo)航是否顯示

iconPath: image/icon_component.png,//圖標(biāo)圖片的路徑

selectedIconPath: image/icon_component_HL.png,//選中的時(shí)候圖片的路徑

text: “首頁(yè)”//按鈕文本

},

{

pagePath: page/component/index,

iconPath: image/icon_component.png,

selectedIconPath: image/icon_component_HL.png,

text: “組件”

}

]

}

2.window:窗口樣式的配置

 

3.注冊(cè)程序:app.js

設(shè)置相對(duì)應(yīng)的生命周期函數(shù)(初始化完成時(shí)onLaunch,顯示onShow,隱藏onHide,錯(cuò)誤的時(shí)候onerror

設(shè)置全局?jǐn)?shù)據(jù):globalData屬性進(jìn)行設(shè)置,getApp()可獲取app.js的配置對(duì)象

 

4.1.導(dǎo)入文件方式:

 

<寫(xiě)要導(dǎo)入的具體內(nèi)容標(biāo)簽>

4.2.將整個(gè)文件內(nèi)容導(dǎo)入并顯示方式:

include將頁(yè)面header.wxml的內(nèi)容全部導(dǎo)入,相當(dāng)于將所有內(nèi)容都復(fù)制過(guò)來(lái)

const openIdUrl = require(./config).openIdUrl

 

//小程序應(yīng)用的生命周期啟示

//一般還會(huì)將全局的數(shù)據(jù)放置到初始化全局對(duì)象的globalData這個(gè)對(duì)像上

App({

onLaunch: function () {

console.log(App Launch)

},

//小程序顯示的時(shí)候(啟動(dòng)/后臺(tái)切換到前臺(tái)的時(shí)候啟動(dòng))

onShow: function () {

console.log(App Show)

},

//切換至后臺(tái),切換到其他微信頁(yè)面,切換到其他程序,就會(huì)調(diào)用起這個(gè)函數(shù)

onHide: function () {

console.log(App Hide)

},

globalData: {

hasLogin: true,

openid: null

},

// lazy loading openid

getUserOpenId: function(callback) {

var self = this

 

if (self.globalData.openid) {

  callback(null, self.globalData.openid)

} else {

  wx.login({

    success: function(data) {

      wx.request({

        url: openIdUrl,

        data: {

          code: data.code

        },

        success: function(res) {

          console.log('拉取openid成功', res)

          self.globalData.openid = res.data.openid

          callback(null, self.globalData.openid)

        },

        fail: function(res) {

          console.log('拉取用戶(hù)openid失敗,將無(wú)法正常使用開(kāi)放接口等服務(wù)', res)

          callback(res)

        }

      })

    },

    fail: function(err) {

      console.log('wx.login 接口調(diào)用失敗,將無(wú)法正常使用開(kāi)放接口等服務(wù)', err)

      callback(err)

    }

  })

}

}

})

 

5。index.js:存儲(chǔ)數(shù)據(jù)和方法(index.wxml視圖頁(yè)面元素相當(dāng)于htmlindex.json表示當(dāng)前頁(yè)面的配置

 

Page({//表示當(dāng)前文件下的page全局的page對(duì)象,所有的方法和數(shù)據(jù)

 

/**

* 頁(yè)面的初始數(shù)據(jù)

*/

data: {

msg:’這是data里的數(shù)據(jù)’,

helloMsg: helloWorld,

obj:{

helloMsg:’歡迎詞’,

otherText:’其他信息’

},

 

},

changeMsg:function(){

this.setData({

msg:’這是改變后的內(nèi)容’,

 

})

1

},

clicktap:function(e){

console.log(e)

},

 

/**

* 生命周期函數(shù)–監(jiān)聽(tīng)頁(yè)面加載

*/

onLoad: function (options) {

 

},

 

/**

* 生命周期函數(shù)–監(jiān)聽(tīng)頁(yè)面初次渲染完成

*/

onReady: function () {

var appConfig = getApp()//getApp()是獲取全局變量globalData方法下的數(shù)據(jù)的函數(shù)方法

console.log(appConfig)

if(appConfig.globalData.hasLogin){

this.setData({

msg:’已登陸完成’

})

}else{

this.setData({

msg:’還未登陸,請(qǐng)登錄’

})

}

},

 

/**

* 生命周期函數(shù)–監(jiān)聽(tīng)頁(yè)面顯示

*/

onShow: function () {

var pageList = getCurrentPages()

console.log(pageList)

},

 

/**

* 生命周期函數(shù)–監(jiān)聽(tīng)頁(yè)面隱藏

*/

onHide: function () {

 

},

 

/**

* 生命周期函數(shù)–監(jiān)聽(tīng)頁(yè)面卸載

*/

onUnload: function () {

 

},

 

/**

* 頁(yè)面相關(guān)事件處理函數(shù)–監(jiān)聽(tīng)用戶(hù)下拉動(dòng)作

*/

onPullDownRefresh: function () {

 

},

 

/**

* 頁(yè)面上拉觸底事件的處理函數(shù)

*/

onReachBottom: function () {

 

},

 

/**

* 用戶(hù)點(diǎn)擊右上角分享

*/

onShareAppMessage: function () {

 

},

goPage(){

// wx.navigateTo({

// url: /page/component/pages/button/button,

// })

wx.redirectTo({

url: /page/component/pages/button/button,

})

}

})

---------------------

作者:熾熱可待

來(lái)源:CSDN

原文:https://blog.csdn.net/DL_JY847824/article/details/82427889

版權(quán)聲明:本文為博主原創(chuàng)文章,轉(zhuǎn)載請(qǐng)附上博文鏈接!


標(biāo)簽: PHP 環(huán)境搭建 小程序
分享:
評(píng)論:
你還沒(méi)有登錄,請(qǐng)先