微信小程序入门1-小程序代码构成json

小程序代码构成

• json配置文件
• wxml模板文件
• wxss样式文件
• js脚本逻辑文件

app.json

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

包括pages和window字段，pages中包含小程序所有页面的路径，window中描述所有界面的顶部背景颜色，文字，以及文字颜色等等。如果单独一个界面要与app.json中配置不同，就需要在这个页面单独对应的json文件中设置。

project.config.json

保存你在微信小程序软件上的所有配置，包括编辑器的颜色，代码上传时自动压缩等一系列选项。这样你用非本机的微信开发工具打开时，它会帮你设置成你之前配置的信息。

page.json

如上在app.json中所说，实际开发中我们不可能要求小程序的每个页面的色调完全一致，因此我们需要再page.json中设置当前页面独自的页面属性。

json基本语法

json通过键值对key-value来表达数据，同时，key必须在一个双引号中。json的值只有6中数据格式：
1.数字
2.字符串
3.布尔值
4.数组，注意需要包裹在[]
5.对象，注意需要包裹在{}
6.NULL

• 注意：不知道为什么，微信小程序的json文件中不能添加注释，有注释会报错!