第二章总结（微信小程序的基本组成结构）

微信小程序作为轻量级的应用开发平台，其核心优势在于便捷的开发流程和高效的运行效率。本文将详细介绍微信小程序的基本组成结构，并通过具体的代码示例进行解析。

微信小程序的基本组成结构

微信小程序主要由以下几个部分构成：

1. **app.json**：这是小程序的全局配置文件，用于设置页面路径、窗口表现、网络超时等基础信息。例如：

//json
{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "dark",
    "navigationBarBackgroundColor": "#fff",
    "navi`gationBarTitleText": "小程序DEMO",
    "navigationBarTextStyle": "black"
  }
}

2. **app.js**：小程序的入口文件，主要负责注册小程序以及定义全局数据和函数。例如：

//javascript
App({
  onLaunch: function () {
    console.log('App Launch')
  },
  onShow: function () {
    console.log('App Show')
  },
  onHide: function () {
    console.log('App Hide')
  }
})

3. **pages**目录：该目录下存放各个页面的逻辑层文件（js）、视图层文件（wxml）和样式层文件（wxss）。每个页面至少包含三个文件：

//javascript
   Page({
     data: {
       text: 'Hello World'
     },
     onLoad: function () {
       console.log('Page onLoad')
     }
   })
  

   
   - **pageName.wxml**：类似HTML的结构文件，描述页面的布局结构。
   
   

//html
   <view>
     <text>{
  {text}}</text>
   </view>

   
   - **pageName.wxss**：样式表文件，用于定义页面的样式规则，类似于CSS。

  //css
   page {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
   }
   text {
     font-size: 30px;
   }

4. **project.config.json**：项目配置文件，包括项目的appid、开发工具的自定义设置等。

5. **utils**或其他辅助目录ÿ