微信小程序的总结

微信小程序和Vue的思想极其相似，可以相互比较学习

本地存储数据：

var userName = wx.setStorageSync( 'username' , 'root' ) ;//在本地存储username的值root

var userName = wx.getStorageSync( 'userName' );//获取本地username的值

wx.removeStorageSync( 'username' );//清除本地存储的username

页面跳转传两个值：

wx.navigateTo({//页面跳转可返回

    url: '../Collectordemo/Collectordemo?datas=' + str + '&id=' + openid
})

wx.switchTab({//页面跳转到选项卡页面

    url: '../order/order'

})

wx.redirectTo({//关闭当前页面跳转另一个页面

    url: '../order/order'

})

wx.relaunch({//关闭所有页面跳转另一个页面

    url: '../order/order'

})

获取上个页面传的值：

var dingdan = options.datas;

var id= options.id;

获取后台数据：

wx.request({

url: urls + '/order/orders/' + dingdan,

header: {

'Content-Type' : 'application/json;charset=UTF-8'

},

data: {

id: dingdan

},

success: function (res) {

if (res.data.code == 200 ) {

that.setData({

listdata: res.data.data,

arraylist: res.data.data.orderDetailVOS

})

} else {

console.log(res.data.msg);

}

}

})

wx.request({//上传数据

url: urls + '/order/orders/' + that.data.dingdanId + '/ok' ,

header: {

'Content-Type' : 'application/json;charset=UTF-8'

},

data: {

id: that.data.dingdanId,

items: JSON.stringify(that.data.arraylist)

},

method: "POST" ,

success: function (data) {

if (data.data.code == 200 ) {

wx.showToast({

title: '提交成功！' ,

icon: 'success' ,

duration: 2000

})

} else {

console.log(data)

}

}

})

图片上传：
 

图片上传多个时可以在 wx.chooseImage时将 图片上传到服务器，后台接收每一张图片，
将图片的服务器地址返回，存储该地址和其他数据一起在data中返回给服务器。