微信小程序前端页面框架图

微信小程序的前端页面结构主要基于 WXML（WeChat Markup Language，微信小程序标记语言）和 WXSS（WeChat CSS，微信小程序样式表语言），它们构成了小程序的基础组件层次。下面是微信小程序前端页面的一般框架图：

1. **App.json**：配置文件，包含全局配置信息，如页面路径、启动页等。

2. **App.wxss**：全局样式表，定义共用的样式规则。

3. **pages/**（每个页面都有一个独立的文件夹）：
- **index.wxml**: 页面的主要结构，包含了小程序的基本组件，如<view>、<text>、<button>等。
- **index.js**: JavaScript代码，处理页面的逻辑和事件处理。
- **index.wxss**: 该页面的专属样式表，可以覆盖全局样式。

4. **components/**（可复用组件文件夹）：自定义的可重用组件，可以有对应的wxml、js和wxss文件。

5. **pages下的其他页面文件（如有必要）**：如二级或三级页面，结构和上面类似，只是层级不同。

6. **JSON 数据文件（data.json）**: 可用于存储页面的数据，例如状态或配置信息。

7. **图片资源、字体图标等**: 存放静态资源的文件夹。