一:系统配置app.json
-
"window":{
-
"backgroundTextStyle":"light",
-
"navigationBarBackgroundColor": "#f0f",
-
"navigationBarTitleText": "我的微信小程序",
-
"navigationBarTextStyle":"black",
-
"backgroundColor": "#eeeeee",
-
"navigationBarTitleStyle":"black",
-
"statusBarTextStyle":"black"
-
},
系统配置
系统配置文件为app.json文件,主要配置一下项目:pages、window、tabBar、networkTimeout、debug,该文件为json数据,文件内不能添加注释行。

1.pages
是一个数组参数,每一条数据代表一个页面,每次创建一个页面,必须在这边注册才能进行跳转和显示该页面,并且注册页面的时候不需要写文件的后缀名,这里我写了四个页面,index为主页面显示;logs页面显示小程序的访问日志;main这里为一个简单的计算器的界面;calList为计算结果日志页面。
2.window
用于设置小程序的状态栏、导航条、标题、窗口背景色。


3 tabBar

下面是我的一些配置,对应修改看效果

注意:tabBar如果设置,最少要两个,最多不能超过五个。
4.networkTimeout和debug

一般不用dubug参数。
二:程序和页面注册.js
1.小程序注册
App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。

全局参数可以在其他页面通过下面方法获取到
-
// other.js
-
var appInstance = getApp()
-
console.log(appInstance.globalData) // I am global data
2.注册一个界面
2.1 注册页面

2.2 数据初始化
2.2.1 常规初始化
-
Page({
-
data: {
-
text: 'init data',
-
array: [{msg: '1'}, {msg: '2'}]
-
}
-
})
注意:只有在data中声明是数据能够正常使用
2.2.2 外部声明,data引入
-
var helloData = {
-
name: 'WeChat'
-
}
-
Page({ data: { text: 'init data', array: [{msg: '1'}, {msg: '2'}], nameStr:helloData }})
使用的时候通过nameStr.name进行引用,注意:如果data中没有增加nameStr:helloData这行代码的话,不能访问变量name;我朋友学习时遇到这问题了,帮他找问题发现他没有在data中注册
2.3 外部声明,整体引入
-
var helloData = {
-
name: 'WeChat',
-
text:'text string'
-
}Page({ data: helloData,})
所有数据定义完,直接赋值给data
切记:数据声明必须用data,如果没有用data声明的数据变量讲不能进行访问。
3.就是自己功能的js代码在Page({})中编写。
|