E企盈营销工具技术服务商 热线:4006-838-530

微信小程序基础入门(一):小程序界面介绍&创造自己的第一个小程序

E企盈直播平台营销卖货系统

承接小程序配置之后    ,先对小程序开发软件的界面进行介绍:然后进入第一个小程序的构造:获取用户登陆信息通过左上角的 “+”添加页面然后创建第一个功能页面然后页面构造完成:各部分代码:app.json{  “pages”: [    “pages/index/index”  ],  “window”: {    “navigationBarBackgroundColor”: “#ffffff”,    “navigationBarTextStyle”: “black”,    “navigationBarTitleText”: “小程序”,    “backgroundColor”: “#eeeeee”,    “backgroundTextStyle”: “light”,    “enablePullDownRefresh”: false  }}app.jsApp({  /**   * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)   */  onLaunch: function () {  },  /**   * 当小程序启动,或从后台进入前台显示,会触发 onShow   */  onShow: function (options) {  },  /**   * 当小程序从前台进入后台,会触发 onHide   */  onHide: function () {  },  /**   * 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息   */  onError: function (msg) {  }})index.wxmlbutton open-type=’getUserInfo’ bindtap=’onGetUserInfo’ 获取用户信息/buttonindex.js// pages/index/index.jsPage({  /**   * 页面的初始数据   */  data: {  },  /**   * 生命周期函数–监听页面加载   */  onLoad: function (options) {  },  /**   * 生命周期函数–监听页面初次渲染完成   */  onReady: function () {  },  /**   * 生命周期函数–监听页面显示   */  onShow: function () {  },  onGetUserInfo:function(){    wx.login({      success:function(res){        wx.getUserInfo({          withCredentials:true,          success:function(res){            console.log(res);          }        })      }    })  },})讲解这里app.js 以及app.json的设置是通用的,就不进行讲解了讲解一下.index.js以及wxml的作用 index.wxml中是button 是按钮组件bindtap,是绑定点击事件,每次在页面点击就会触发ongetUserinfo事件; type-on 是授权管理, 这里要写明是授权js事件中那个行为 ,这里授权的是获取用户信息的行为,即授权ongetUserinfo事件中wx.getuserinfo这个行为然后第一个小程序就完成啦~~

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序基础入门(一):小程序界面介绍&创造自己的第一个小程序
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏