首先我认为微信小程序是一个完全的前后台分离的前台展示工具,类似html页面,小程序最大限制1M,所以小程序中使用到的所有资源包括各种图标图片都使用远程请求的方式
小程序提供的远程请求方法:
wx.request({
url: 'http://localhost:8080/home/getAreaByParentId',
data: {
parentId: 0
},
header: {
'content-type': 'application/json'
},
success: function (res) {
console.log(res.data.result);
thisPage.setData({
provinces: res.data.result,
provinceindex:0
});
}
})
在小程序中只能存在初始化数据,在data:{}中声明所有变量,wxml和js之间的数据交流全部都是通过data对象
data:{
provinces: [{ id: -1, name: "--请选择--", parentid: 0 }],
provinceindex: 0,
regions: [{ id: -1, name: "--请选择--", parentid: 0 }],
regionindex: 0,
areas: [{ id: -1, name: "--请选择--", parentid: 0 }],
areaindex: 0,
}
在wxml中获取data中的数据:{{变量名}}
在js中获取data中的数据:this.data.变量名
在js中改变data中的变量值:
调用方法:this.setData({
变量名1:值,
变量名2:值
});
会覆盖原来的值,而没有覆盖的变量值依然存在。
小程序中的所有js方法全部在js文件中声明创建,也只能在js文件中使用,不能像html那样在显示页面也可调用,
首先在js文件中创建page对象:
Page({
data:{
//初始化变量
变量一:值,
变量二:值
},
//方法声明
fun123(e){
//方法体
},
fun456(){
}
})