微信小程序01：小程序简单入门

目录

1.关于微信小程序：

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

1.1.2. 限制：

1.1.3 小程序可以干什么？

1.2：小程序官网：

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. 开发门槛低， 成本低 

1.2：小程序官网：

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

---

2.账号申请

2.1正式号：

        2.1.1.进入小程序官网：https://mp.weixin.qq.com/  ===》

        2.1.2.扫码登录然后跳到注册    ===》

        2.1.3.授权信息 （个人基本信息、绑定邮箱）   ===》

 

        2.1.4.邮箱验证 ===》

 

        2.1.5.确认信息且授权 ====》完成

   

 

2.2测试号：

        2.2.1 微信公众平台下滑 ===》

 

        2.2.2 开发文档 ===》

 

        2.2.3 工具里的测试号：扫码 ===》

---

3.小程序安装及基本展示页面

3.1小程序安装

 创建小程序登录后页面：

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"
    }]
  },

具体有疑问可以去小程序官网有相关开发文档：微信开放文档

结果展示：

 

3.3建立触摸事件

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

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

3.3.2. 在index.wxml添加

  
    {{motto}}
    

点击

结果展示：

 

 本章内容到此结束，baibai啦~