微信小程序开发基础案例

1、微信小程序请求后端

 wx.request({
 	url: '后端处理url',
    header:{'content-type':'text/plain;charset=utf-8'},
    data:{'field':'1111'},
    success:(data)=>{
    	this.setData({
    	    saveuserinfomsg:data.data,
    	})
    }
});

2、获取本地变量数据

  data: {
    fields:'初始数据',
  }
  var fields = data.data.fields;
  console.log("fields:"+fields);

3、前端向js传递数据

wxml端：

  <view catchtap='jumpdetail1' data-title="标题">
  按钮
  </view>

js端：

jumpdetail1:function(e){
  var title= e.currentTarget.dataset.title;
  console.log("title:"+title);
},

4、返回上页

bkprev:function(e){
  console.log("返回")
   //获取当前页面js里面的pages里的所有信息。
  let pages = getCurrentPages();
  //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。
  let prevPage = pages[ pages.length - 2 ];  
  // 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作。
  prevPage.setData({  
    backflag:"2",
  });
  // 返回上一级页面。
  wx.navigateBack({
     delta: 1  
  });
  // 返回指定页面
  wx.switchTab({
      url:"指定页面url",
  }); 
},  

5、表单

js端：

legalForm: function(data) {
  var judge = data.detail.value.judge;
  console.log("judge :"+judge);
}

wxml端：

  <form bindsubmit='leForm'>
  <view>
   	  <input type='text' name='judge' value="{{pk}}" ></input>
  </view>
  <button formType="submit">
  	提交
  </button>

6、判空

var list = [];
if(Object.keys(list).length === 0){
	console.log("null");
}

7、for循环

wx

  <view wx:for="{{list}}" wx:for-item="item" >
  <text>
	{{item.field}}	
  </text>
  </view>

js端：

 data: {
    list:[
	{'field':'ss'},
	{'field':'s2s'}
	{'field':'ssw'}
	]
 }

8、用户信息缓存

 user = {'nickName':'sss'}
 wx.setStorageSync('user', user)
 let user=wx.getStorageSync('user');
 var username=user.nickName;

持续更新…