第二章总结

2.1.1主体文件
微信小程序的主体部分由3个文件组成，这3个文件必须放在项目的主目录中，负责小
程序的整体配置，它们的名称是固定的。
app.js 小程序逻辑文件，主要用来注册小程序全局实例。在编译时，app·js文件会和其他页面的逻辑文件打包成一个JavaScript文件。该文件在项目中不可缺少。
 app.json小程序公共设置文件，配置小程序全局设置。该文件在项目中不可缺少。 app.wxss小程序主样式表文件，类似HTML的.css文件。在主样式表文件中设置的样式在其他页面文件中同样有效。该文件在项目中不是必需的。                                                                                            app.wxss小程序主样式表文件，类似HTML的.css文件。在主样式表文件中设置的样式在其他页面文件中同样有效。改文件在项目中不是必须的。
2.1.2 页面文件
小程序通常是由多个页面组成的，每个页面包含4个文件，同一页面的这4个文件必须具有相同的路径与文件名。当小程序被启动或小程序内的页面进行跳转时，小程序会根 app.json 设置的路径找到相对应的资源进行数据绑定。
.js文件 页面逻辑文件，在该文件中编写JavaScript代码控制页面的逻辑。该文件在每个小程序的页面中不可缺少。
.wxml文件 页面结构文件，用于设计页面的布局、数据绑定等，类似HTML页面中的.html文件。该文件在页面中不可缺少。
.wxss 文件页面样式表文件，用于定义本页面中用到的各类样式表。当页面中有样式表文件时，文件中的样式规则会层叠覆盖app.wxss中的样式规则;否则，直接使用 app.wxss 中指定的样式规则。该文件在页面中不可缺少。
.json 文件页面配置文件。该文件在页面中不可缺少。

                                                              2.4配置文件

小程序的全局配置保存在全局配置文件中（app.json），使用全局配置文件来配置页面文件（pages）的路径，设置窗口（window）表现，设定网络请求API的超时时间值（networkTimeout）以及配置多个切换页（tabBar）等。

<view>姓名:{{name}}</view>
<view>年龄:{{age}}</view>
<view>出生日期:
{{birthday[0].year}}年
{{birthday[1].month}}月
{{birthday[2].date}}日
</view>
<view>爱好:{{object.hobby}}</view>
<view>算术运算{{age+num}}</view>
<view>逻辑运算{{age==40}}</view>
<view>{{age==40?'happy':'nohappy'}}</view>
<view>wx:if="age>40">1</view>
<view>wx:elif="age>40">0</view>
<view><wx:else></wx:else>="age>40">1</view>
<template name="stu">
  <view>{{age==40?'happy':'nohappy'}}</view>
<view>wx:if="age>40">1</view>
<view>wx:elif="age>40">0</view>
<view><wx:else></wx:else>="age>40">1</view>
</template>
<template is="stu" data=""/>

{
  "pages": [
    "pages/news/news",
    "pages/logs/logs"
    ],
  "window": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "Weixin",
    "navigationBarBackgroundColor": "#ffffff"
  },
  "style": "v2",
  "componentFramework": "glass-easel",
  "lazyCodeLoading": "requiredComponents"
}

{
  "pages": [
    "pages/news/news",
    "pages/logs/logs"
    ],
  "window": {
    "navigationBarBackgroundColor":"#fff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信小程序",
   "backgroundColor": "#ccc",
    "backgroundTextStyle":"light"
  },
  "tabBar":{
"color": "#666666",
"selectedColor": "#ff0000",
"borderStyle":"black",
"backgroundColor": "#ffffff",
"list": [
  {
"pagePath": "pages/news/news",
"iconPath": "images/66.jpg",
"selectedIconPath": "images/66.jpg",
"text": "首页"
  },
  {
"pagePath": "pages/logs/logs",
"iconPath": "images/66.jpg",
"selectedIconPath": "images/66.jpg",
"text": "新闻"
  }
]
},
  "style": "v2",
  "componentFramework": "glass-easel",
  "lazyCodeLoading": "requiredComponents"
}

 

​​​​​​​​​​​​​​