美文网首页微信开发记录
微信小程序新手开发篇-简介

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

作者: 落魄少年雨凋零 | 来源:发表于2018-08-22 14:06 被阅读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

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

    相关文章

      网友评论

        本文标题:微信小程序新手开发篇-简介

        本文链接:https://www.haomeiwen.com/subject/eiaeiftx.html