栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

微信小程序基础一

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

微信小程序基础一

现在微信小程序还是比较火的,虽然依赖于微信,但是大部分的互联网产品都可以使用微信小程序。

微信小程序开发准备工作

一、去微信开发平台注册微信开发账号

二、在微信开发平台下载微信开发者工具

账号和工具的申请和使用得去开发平台看详细内容,自己研究一下。

微信小程序目录结构


微信制作流程

一、首先新建项目,在项目根目录下创建app.json文件,文件中需要包含一个对象{}

二、创建src目录,子目录pages,首页目录index,在index目录下创建index.js与index.wxml文件

三、在app.json文件的对象中设置"pages":["src/pages/index/index"], 属性,其中url地址对应需要添加的文件目录地址

四、创建app.js文件,并设置App()

五、在app.js文件中定义常用的方法,通过var app = getApp();  app.NameFun();的方式调用,也可以用来定义全局数据

下面是js中pages中的简单介绍

pages({
    data:{
        dataTest:"数据显示"    //数据显示
    },
    clickName:function(){//设置点击事件
        this.setData({dataTest:"取到指定数据"});
        wx.navigateTo({          //跳转页面
        ulr:"../logs/logs"     //跳转的路径
        //ulr:"../logs/logs?id=1"  "?"号后面的部分可以向跳转页面传递数据
    })
    }
    click2Name:function(){
        wx.redirecTo({  //同样可以跳转页面,但是相当于新建页面,返回按钮失效
        url:"..logs/logs"   
    })
    }
    onLoad:function(option){
        console.log(option);//通过option接受页面跳转过来时,传递的参数
    }    
})

小程序生命周期

App({

  
  onLaunch: function () {
    console.log("onLaunch初始化完成时调用");
  },

  
  onShow: function (options) {
    console.log("onShow从后台进入前台时触发");
  },

  
  onHide: function () {
    console.log("onHide当小程序进入后台时触发");
  },

  
  onError: function (msg) {
    console.log("onError当小程序发生脚本或api调用失败时触发");
  }
})


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/245630.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号