无敌时时彩计划软件

咫尺資訊站一一為您提供時下熱門前沿動態

查看更多
首頁> 微信小程序資訊> 微信小程序開發入門-創建你的第一個小程序“Hello World”

微信小程序開發入門-創建你的第一個小程序“Hello World”

閱讀:2375微信小程序

微信小程序開發入門-創建你的第一個小程序“Hello World”

前往微信小程序開發者工具下載頁面 (https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)

根據自己的操作系統下載對應的安裝包進行安裝,有關開發者工具更詳細的介紹可以查看 《開發者工具介紹》

打開小程序開發者工具,用微信掃碼登錄開發者工具,準備開發你的第一個小程序吧!

3.2 第一行代碼
新建項目選擇小程序項目,選擇代碼存放的硬盤路徑,填入剛剛申請到的小程序的 AppID,給你的項目起一個好聽的名字,最后,點擊 “創建項目” (注意: 你要選擇一個空的目錄才會有這個選項),點擊確定,你就得到了你的第一個小程序了,點擊頂部菜單編譯就可以在微信開發者工具中預覽你的第一個小程序。

這是開發者工具自動生成HelloWorld演示程序,接下來我們來看一下它的主要代碼并預覽一下這個小程序的效果。

index.wxml                      {{userInfo.nickName}}            {{motto}}  

有沒有很熟悉?貌似html?可以這樣理解,在wxml中的view可以理解為html中的div,代碼中的“wx:if”用來做邏輯判斷,如果wx:if內的值成立就渲染并顯示,否則不進行渲染顯示。你可以像寫網頁一樣寫小程序,只不過換成了wxml的標簽規范,多寫寫也就熟悉了。


index.js

//獲取應用實例const app = getApp()Page({  data: {    motto: 'Hello World',    userInfo: {},    hasUserInfo: false,    canIUse: wx.canIUse('button.open-type.getUserInfo')  },  //事件處理函數  bindViewTap: function() {    wx.navigateTo({      url: '../logs/logs'    })  },  onLoad: function () {    if (app.globalData.userInfo) {      this.setData({        userInfo: app.globalData.userInfo,        hasUserInfo: true      })    } else if (this.data.canIUse){      // 由于 getUserInfo 是網絡請求,可能會在 Page.onLoad 之后才返回      // 所以此處加入 callback 以防止這種情況      app.userInfoReadyCallback = res => {        this.setData({          userInfo: res.userInfo,          hasUserInfo: true        })      }    } else {      // 在沒有 open-type=getUserInfo 版本的兼容處理      wx.getUserInfo({        success: res => {          app.globalData.userInfo = res.userInfo          this.setData({            userInfo: res.userInfo,            hasUserInfo: true          })        }      })    }  },  getUserInfo: function(e) {    console.log(e)    app.globalData.userInfo = e.detail.userInfo    this.setData({      userInfo: e.detail.userInfo,      hasUserInfo: true    })  }})

js還是那個js,原來怎樣寫現在還怎樣寫。你可以多了解一下微信小程序的幾個關鍵的生命周期函數。下圖說明了頁面 Page 實例的生命周期。預覽效果。


點擊工具上的編譯按鈕,可以在工具的左側模擬器界面看到這個小程序的表現,也可以點擊預覽按鈕,通過微信的掃一掃在手機上體驗你的第一個小程序。

【溫馨提示】即速應用倡導尊重與保護知識產權。如發現本站文章存在版權問題,煩請提供版權疑問、身份證明、版權證明、聯系方式等發郵件至[email protected] ,我們將及時處理。本站文章僅作分享交流用途,作者觀點不等同于即速應用觀點。用戶與作者的任何交易與本站無關,請知悉。

熱門模板

  • 頭條
  • 搜狐
  • 微博
  • 百家
  • 一點資訊
  • 知乎
无敌时时彩计划软件 重庆快乐10分走势图 草花机打一门规律 飞艇官方彩平台 五十元赚钱 打码赚钱 微信支付 陕西快乐10分前三组遗漏 pk10技巧 稳赚买法 上海足彩单场投注 云南快乐10分开奖结果 绝地求生比分网电竞 滴滴顺丰赚钱吗 篮球竞彩分析 1000炮捕鱼平台下载 重庆快乐10分 今天今晚双色球开奖结果 上下分的麻将