微信小程序的构成

项目结构概述

微信小程序由几大关键组件构成，包括pages、utils、app.js、app.json、app.wxss、project.config.json、sitemap.json等。

在项目中，pages目录存放所有小程序页面，每个页面内包含4个基本文件：.js（脚本文件，用于数据与事件处理）、.json（配置文件，定义窗口外观和表现）、.wxml（模板结构文件，构建页面布局）、.wxss（样式文件，定义页面样式）。

JSON配置文件是小程序开发中的重要组成部分，包括app.json、project.config.json、sitemap.json以及页面内的.json配置文件，它们分别用于全局配置、项目个性化配置、页面索引规则设定以及页面级别配置。

app.json作为全局配置文件，包含了所有页面路径、窗口外观、界面表现、底部tab等设置。以Mynote项目为例，配置内容涉及页面路径记录、全局背景与文字颜色、样式版本设定和sitemap.json位置指示。

project.config.json文件则是项目个性化配置文件，包含编译相关设置、项目名称、小程序账号ID等信息。

sitemap.json用于配置页面是否允许微信搜索，若开启搜索索引，则微信会为页面内容建立索引，提高搜索结果的可见性。关闭索引可通过项目配置文件中的setting字段设置。

每个页面的.json配置文件允许开发者自定义窗口外观，覆盖全局配置中的相同设置项。

创建页面时，通过app.json中的pages字段添加页面路径，小程序开发工具将自动创建对应的页面文件。修改项目的首页只需调整页面路径顺序即可。

WXML文件是用于构建页面结构的标签语言，其作用类似于HTML，但提供了更多针对微信小程序的特有标签与语法。

WXML与HTML的主要区别体现在标签名称、属性节点和提供模板语法上，包括超链接、数据绑定、列表渲染和条件渲染等功能。

WXSS文件作为样式语言，用于描述组件样式，与CSS相似，但支持rpx尺寸单位、全局与局部样式设定，并仅支持部分CSS选择器。

JS文件分类包括app.js（整个小程序入口文件）、页面的.js（页面入口文件）、普通.js（功能模块文件）。app.js通过App()启动小程序，页面.js使用Page()创建与运行页面，普通.js封装公共功能。

本文如未解决您的问题请添加抖音号：51dongshi（抖音搜索懂视），直接咨询即可。