Notas de estudio de desarrollo del subprograma WeChat (2): directorio del proyecto y análisis de archivos

Estructura del directorio del proyecto:

.
│  app.js					# 小程序逻辑文件
│  app.json					# 全局配置文件
│  app.wxss					# 全局样式文件
│  project.config.json		# 工具/项目配置文件
│  sitemap.json				# 索引配置文件
│  
├─pages		# 小程序的各个页面文件夹
│  ├─index		# index页面		
│  │      index.js		# 页面逻辑
│  │      index.json	# 页面配置
│  │      index.wxml	# 页面结构
│  │      index.wxss	# 页面样式
│  │      
│  └─logs		# logs页面
│          logs.js		# 页面逻辑
│          logs.json	# 页面配置
│          logs.wxml	# 页面结构
│          logs.wxss	# 页面样式
│          
└─utils
        util.js			# 提供公共方法/函数，作为一个模块（模块只有通过 module.exports 或者 exports 才能对外暴露接口）

Tipo de archivo e introducción:

Tipo de archivo	descripción	Características
.json	Archivo de configuración JSON	Configuración estática, referencia: configuración JSON
.wxml	Archivo de plantilla WXML	Al igual que en HTML, que describe la estructura de la página actual, la referencia: plantilla WXML , WXML introducción , la referencia de sintaxis WXML
.wxss	Archivo de estilo WXSS	Tiene la mayoría de las características de CSS, características extendidas: unidad de tamaño, importación de estilo. Referencia: estilo WXSS , introducción a WXSS
.js	Archivo de lógica de script JS	Manejar la operación del usuario, responder al clic del usuario, obtener la ubicación del usuario, etc., consultar: Interacción lógica JS

Analogía con la tecnología de desarrollo web front-end:

• wxmlSimilar a los archivos HTML, se usa para escribir las etiquetas y el esqueleto de la página, pero solo puede usar los componentes encapsulados por el subprograma;
• wxss Similar a un archivo CSS, usado para escribir estilos de página, excepto que el archivo css se reemplaza con un archivo wxss;
• js 文件Similar al archivo JavaScript en la programación de front-end, se usa para escribir la lógica de la página del subprograma;
• json 文件Se utiliza para configurar el estilo y el comportamiento de la página.

Introducción a los archivos de configuración global:

Documento de referencia de configuración global

expediente	descripción	Características	Documentos de referencia
app.js	Archivo js de configuración global	Archivo de entrada del proyecto, utilizado para crear objetos de aplicación.	Documento de referencia del mini programa de registro
app.wxss	Archivo de configuración de estilo global	Archivo de entrada del proyecto, utilizado para crear objetos de aplicación.	Documento de referencia de uso de WXSS
app.json	Archivo de configuración global del mini programa	Incluidas todas las rutas de la página, el rendimiento de la interfaz, los tiempos de espera de la red, las pestañas inferiores, etc. del subprograma	Documento de referencia de configuración global del miniprograma
project.config.json	Archivo de configuración de herramientas	Configuración personalizada, como color de interfaz, configuración de compilación, etc.	Documento de referencia del archivo de configuración global de herramienta / proyecto
sitemap.json	Perfil de índice	Se utiliza para configurar si WeChat puede indexar el subprograma y sus páginas. Cuando el término de búsqueda del usuario activa el índice, la página del subprograma puede mostrarse en los resultados de la búsqueda.	Documento de referencia del archivo de configuración del índice

Variables locales en el directorio de páginas:

Documento de referencia de configuración de página

• Cada página puede utilizar un pequeño programa con el mismo .jsonarchivo de nombre para configurar el rendimiento de la ventana en esta página, los elementos de configuración de la página estarán cubiertos por app.jsonlos windowmismos elementos de configuración.
• La configuración de la página solo se puede establecer app.jsonen windowlos elementos de configuración correspondientes para determinar el rendimiento de la ventana de esta página, no es necesario escribir windowesta propiedad.