微信开发记录

微信小程序新手开发篇-简介

2018-08-22  本文已影响0人  落魄少年雨凋零

自微信小程序上线以来,使用人数成倍增加,一不小心老板知道了,没办法自学成才。从无到有一步一步走来,学会不少东西。不说了今天主要介绍一下开发需要什么,需要怎么做什么。可以访问:https://developers.weixin.qq.com/miniprogram/dev/index.html?t=18082114   查看详细开发文档

1.账号申请:

    1.1点击前往https://mp.weixin.qq.com/wxopen/waregister?action=step1 填写资料完成注    册(不同的账号需要的东西不同,您可以根据需要选择)

    1.2登录 https://mp.weixin.qq.com  登录,可以查看您的小程序的一些基本信息,以及完善您的小程序资料(appid,服务器域名设置等)

    1.3开发工具的下载安装:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18082114,点击链接前往

2.初识小程序:

    2.1代码构成:

            2.1.1 json配置:页面基础配置:背景,上方标题栏颜色,文字

            2.1.2 wxml模板:类似与html,界面开发

            2.1.3wxss样式:类似css,界面布局开发

            2.1.4js逻辑交互:类似与js数据处理,与逻辑处理

    2.2全局app设置

            2.2.1:app.js:全局变量设置或静态量设置:如请求的后端地址等

            2.2.2:app.json: 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。

            2.2.3:app.wxss:是全局的主题布局

3.小程序的生命周期:

        Page({

              /**

              * 页面的初始数据

              */

          data: {

            surl:'http://caiku.renaren.org/user/register.html'

          },

          /**

          * 生命周期函数--监听页面加载

      */

      onLoad: function (options) {    


      },

      /**

      * 生命周期函数--监听页面初次渲染完成

      */

      onReady: function () {


      },

      /**

      * 生命周期函数--监听页面显示

      */

      onShow: function () {


      },

      /**

      * 生命周期函数--监听页面隐藏

      */

  onHide: function () {


  },

  /**

  * 生命周期函数--监听页面卸载

  */

      onUnload: function () {


      },

      /**

      * 页面相关事件处理函数--监听用户下拉动作

      */

      onPullDownRefresh: function () {


      },

      /**

      * 页面上拉触底事件的处理函数

      */

      onReachBottom: function () {


      },

      /**

      * 用户点击右上角分享

      */

      onShareAppMessage: function () {


      }

    })

4.组件

小程序提供了丰富的基础组件给开发者,开发者可以像搭积木一样,组合各种组件拼合成自己的小程序。

就像 HTML 的 div, p 等标签一样,在小程序里边,你只需要在 WXML 写上对应的组件标签名字就可以把该组件显示

5.API

为了让开发者可以很方便的调起微信提供的能力,例如获取用户信息、微信支付

上一篇下一篇

猜你喜欢

热点阅读