目錄

1.關于微信小程序：

1.1. 微信小程序（wei xin xiao cheng xu）

1.1.2. 限制：

1.1.3 小程序可以干什么？

1.2：小程序官網(wǎng)：

2.賬號申請

2.1正式號：

2.2測試號：

3.小程序安裝及基本展示頁面

3.1小程序安裝

3.2頁面小修改

3.3建立觸摸事件

1.關于微信小程序：

?什么是小程序？

1.1. 微信小程序（wei xin xiao cheng xu）

????????簡稱小程序，英文名Mini Program，是一種不需要下載安裝即可使用的應用( 張小龍對其的定義是無需安裝，用完即走，實際上是需要安裝的，只不過小程序的體積特別小， 下載速度很快，用戶感覺不到下載的過程 )

1.1.2. 限制：

同一個分包中的頁面享有共同的預下載大小限額 2M，限額會在工具中打包時校驗。

1.1.3 小程序可以干什么？

????????1.1.3.1. 同App進行互補，提供同app類似的功能，比app操作更加簡潔的輕應用

????????1.1.3.2. 通過掃一掃或者在微信搜索即可下載

????????1.1.3.3. 用戶使用頻率不高，但又不得不用的功能軟件，目前看來小程序是首選

????????1.1.3.4. 連接線上線下

????????1.1.3.5. 開發(fā)門檻低， 成本低?

1.2：小程序官網(wǎng)：

? ? ? ? https://mp.weixin.qq.com/

2.賬號申請

2.1正式號：

? ? ? ? 2.1.1.進入小程序官網(wǎng)：https://mp.weixin.qq.com/? ===》

? ? ??? 2.1.2.掃碼登錄然后跳到注冊? ? ===》

? ? ? ? 2.1.3.授權(quán)信息?（個人基本信息、綁定郵箱）? ?===》

?

? ? ? ? 2.1.4.郵箱驗證 ===》

?

? ? ? ? 2.1.5.確認信息且授權(quán) ====》完成

? ?

?文章來源地址http://www.zghlxwxcb.cn/news/detail-487926.html

2.2測試號：

? ? ? ? 2.2.1 微信公眾平臺下滑 ===》

?

? ? ? ? 2.2.2 開發(fā)文檔 ===》

?

? ? ? ? 2.2.3 工具里的測試號：掃碼?===》

3.小程序安裝及基本展示頁面

3.1小程序安裝

?創(chuàng)建小程序登錄后頁面：

3.2頁面小修改

3.2.1添加頁面：在app.json中添加：

  "pages":[
    "pages/index/index",
    "pages/login/login",
    "pages/logs/logs"
  ],

3.2.2 .在app.json中添加tabBar

 "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首頁",
      "iconPath": "/static/tabBar/coding.png",
      "selectedIconPath": "/static/tabBar/coding-active.png"
    },
    {
      "pagePath": "pages/login/login",
      "text": "登錄",
      "iconPath": "/static/tabBar/component.png",
      "selectedIconPath": "/static/tabBar/component-active.png"
    },
    {
      "pagePath": "pages/logs/logs",
      "text": "日志",
      "iconPath": "/static/tabBar/sdk.png",
      "selectedIconPath": "/static/tabBar/sdk-active.png"
    }]
  },

具體有疑問可以去小程序官網(wǎng)有相關開發(fā)文檔：微信開放文檔

結(jié)果展示：

?

3.3建立觸摸事件

3.3.1.在index.js添加觸摸事件

 doClick(){
    console.log(123);
    this.setData({
      motto:'hello'
    })
  }

3.3.2.?在index.wxml添加<button>

  <view class="usermotto">
    <text class="user-motto">{{motto}}</text>
    <button bindtap="doClick" type="primary">點擊</button>
  </view>

結(jié)果展示：

?

?本章內(nèi)容到此結(jié)束，baibai啦~

?

到了這里，關于微信小程序01：小程序簡單入門的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！