2.1 app.js 小程序的邏輯 
2.2 app.json小程序的公共設(shè)置 
2.3 app.wxss 小程序的公共樣式表

在app.json 配置個(gè)tab ( 類似于iOS tabbar)

1. {
2. "pages":[
3. // 文件所在目錄結(jié)構(gòu)
4. // index.js logs.js setup.js
5. "pages/index/index",
6. "pages/logs/logs",
7. "pages/setup/setup"
8. ],
9. // 整個(gè)的window
10. "window":{
11. // 設(shè)置導(dǎo)航欄樣式
12. "backgroundTextStyle":"light",
13. "navigationBarBackgroundColor": "#fff",
14. "navigationBarTitleText": "夏小天",
15. "navigationBarTextStyle":"black"
16. },
17. // tabbar對象
18. "tabBar": {
19. "color": "#dddddd",
20. "selectedColor": "#1296db",
21. "borderStyle": "yellow",
22. "backgroundColor": "#ffffff",
23. // 這里是個(gè) .js數(shù)組
24. "list": [
25. {
26. "pagePath": "pages/index/index",
27. "text": "首頁",
28. "iconPath": "pages/images/icon3.png",
29. "selectedIconPath": "pages/images/icon3.png"
30. },
31. {
32. "pagePath": "pages/logs/logs",
33. "text": "搜索",
34. "iconPath": "pages/images/icon1.png",
35. "selectedIconPath": "pages/images/icon1.png"
36. },
37. {
38. "pagePath": "pages/setup/setup",
39. "text": "設(shè)置",
40. "iconPath": "pages/images/icon2.png",
41. "selectedIconPath": "pages/images/icon2.png"
42. }]}
43. }

一個(gè)頁面包含的文件結(jié)構(gòu)包含四個(gè)文件 .js文件.json文件 .wxml文件 wuss文件(類似于想要布局出iOS中的一個(gè)界面需要view model controller 協(xié)同工作)

.js文件 功能類似于 iOS中Controller的作用 起到協(xié)同的作用, 也就是頁面的邏輯 .json 頁面配置 比如我想要配置一下logs界面的導(dǎo)航欄文字  .wxml 頁面結(jié)構(gòu) (也就是有view btn等控件)  .wxss 頁面樣式表(可以配置頁面控件的位置, 顏色, 圓角等等屬性)  接下來用地圖控件寫一個(gè)簡單界面

.js 進(jìn)行網(wǎng)絡(luò)請求, 解析數(shù)據(jù), 重新賦值data

1. // 聲明一個(gè)數(shù)組數(shù)組
2. var dataArray = new Array