找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

微信小程序学习记录《二》:系统配置app.json,程序和页面注册.js ... ...

作者:模板之家 2018-1-29 14:59 4996人关注

一:系统配置app.json window :{ backgroundTextStyle : light , navigationBarBackgroundColor : #f0f , navigationBarTitleText : 我的微信小程序 , navigationBarTextStyle : black , backgroundColor : #eeeeee ...

一:系统配置app.json

				
  1. "window":{
  2. "backgroundTextStyle":"light",
  3. "navigationBarBackgroundColor": "#f0f",
  4. "navigationBarTitleText": "我的微信小程序",
  5. "navigationBarTextStyle":"black",
  6. "backgroundColor": "#eeeeee",
  7. "navigationBarTitleStyle":"black",
  8. "statusBarTextStyle":"black"
  9. },
系统配置

 

系统配置文件为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 参数,其指定小程序的生命周期函数等。

全局参数可以在其他页面通过下面方法获取到


					
  1. // other.js
  2. var appInstance = getApp()
  3. console.log(appInstance.globalData) // I am global data

 

2.注册一个界面

2.1 注册页面

2.2 数据初始化

2.2.1 常规初始化


					
  1. Page({
  2. data: {
  3. text: 'init data',
  4. array: [{msg: '1'}, {msg: '2'}]
  5. }
  6. })
注意:只有在data中声明是数据能够正常使用

 

2.2.2 外部声明,data引入


					
  1. var helloData = {
  2. name: 'WeChat'
  3. }
  4. Page({ data: { text: 'init data', array: [{msg: '1'}, {msg: '2'}], nameStr:helloData }})
使用的时候通过nameStr.name进行引用,注意:如果data中没有增加nameStr:helloData这行代码的话,不能访问变量name;我朋友学习时遇到这问题了,帮他找问题发现他没有在data中注册
2.3 外部声明,整体引入
 

						
  1. var helloData = {
  2. name: 'WeChat',
  3. text:'text string'
  4. }Page({ data: helloData,})
所有数据定义完,直接赋值给data  
切记:数据声明必须用data,如果没有用data声明的数据变量讲不能进行访问。 
3.就是自己功能的js代码在Page({})中编写。


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)