记录微信小程序的第一天

开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
记录微信小程序的第一天_第1张图片
安装完毕之后,打开之后会弹出框,我们要点击测试号,不使用模板,完成即可
记录微信小程序的第一天_第2张图片
记录第一天的使用学习,动态轮播图加载


  



  
    
      
        
      
    
  




  

对应的js

// index.js
// 获取应用实例
const app = getApp()

Page({
  data: {
   num:0,
   imgUrls:[],
  },
  onLoad: function (options) {
    var that = this;
      wx.request({
        url: 'http://127.0.0.1:8088/test/imgs',
        method: 'get',
        success:function(res){
         that.setData({
          imgUrls:res.data.data,
        })
        }
      })
  },

  // 通过but点击事件触发后面的函数
  but: function(){  
    this.setData({
      num: this.data.num +1,
    })
  },
  //点击跳转登录页面
  loginPage: function(){
    wx.navigateTo({
        url: '/pages/login/login',
      })
  }

  
})

效果如下
记录微信小程序的第一天_第3张图片

你可能感兴趣的:(微信小程序,小程序,1024程序员节)