[解读小程序]手机归属地查询Demo(一)

[解读小程序]手机归属地查询Demo(一)

分析的程序来源:

http://blog.csdn.net/y1258429182/article/details/52666290

下载链接：http://pan.baidu.com/s/1o8bElya 密码：b621

解压密码: yangzheshare

app.js (小程序的入口)

这里声明了getDataFromServer()的方法. 使用的是微信提供的API.

wx.request(object)发起网络请求. 文档-发起请求

getDataFromServer(phoneNum,callback) {

wx.request( {

url: 'http://apicloud.mob.com/v1/mobile/address/query?key=17113fceca309&phone='+phoneNum,

data: {
x: '',
y: ''
},
header: {
'Content-Type': 'application/json'
},
success: function( res ) {
console.log( "成功"+res.data )
callback(res.data.result.city)
}
, fail: function( res ) {
console.log( "失败"+res.data )
}
, complete: function( res ) {
console.log( "完成"+res.data )
}

})
}

app.json (配置信息)

pages

pages数组记录了应用中所有的页面. 第一项为启动页面.

"pages": [
"pages/splash/splash",
"pages/login/login",
"pages/index/index",
"pages/logs/logs",
"pages/test/test",
"pages/newDetail/newDetail"
]

tabBar

tabBar用来配置底部Tab栏. list数组的每一个元素就是每一个Tab项. 文档-配置

"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "pages/img/tab_icon.png",
"selectedIconPath": "pages/img/tab_select_icon.png"
},
{
"pagePath": "pages/test/test",
"text": "测试",
"iconPath": "pages/img/tab_icon.png",
"selectedIconPath": "pages/img/tab_select_icon.png"
},
{
"pagePath": "pages/logs/logs",
"text": "日志",
"iconPath": "pages/img/tab_icon.png",
"selectedIconPath": "pages/img/tab_select_icon.png"
}
]
}

window

window对象用来设置状态栏,导航栏,标题,背景色等 (常见的是在每个Page页面重写navigationBarTitleText来设置每个页面的标题文字内容)

"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
}

还要一个debug的布尔值,用来控制是否打印调试信息的.

对于学习这样的新的东西, 文档还是要多看很多遍的.

文档地址

to be continued…