La columna de tecnología de código bajo de U-way es una nueva columna basada en la tecnología escrita por miembros del comité técnico de U-way. presenta principalmente los principios técnicos y la arquitectura relacionados con la lógica de código bajo, el propósito es proporcionar una plataforma para el intercambio técnico y el aprendizaje para la mayoría del personal de operación y mantenimiento.
La undécima serialización de la práctica de código bajo de U-way
"Agregar componentes"
▽
I. Resumen
Las páginas están formadas por diferentes componentes basados en cierta lógica de negocio e interacción. Como elemento más básico de la página, los componentes se dividen en componentes atómicos, componentes generales, componentes comerciales, plantillas (múltiples componentes reutilizables con cierta lógica comercial encapsulada), etc.
En segundo lugar, la adición de componentes
La adición de componentes debe basarse en el enrutamiento, es decir, la premisa de agregar componentes es tener una página de enrutamiento. La introducción de agregar enrutamiento se omite aquí. Para obtener detalles, consulte la creación de enrutamiento.
1. Agregar componentes de la biblioteca de componentes
La biblioteca de componentes cubre todos los componentes de la plataforma. Mediante una búsqueda aproximada de los componentes en la biblioteca de componentes, puede encontrar el componente coincidente; después de encontrar el componente, puede arrastrarlo al centro de la pantalla arrastrándolo con el mouse El área de vista previa de iframe, el área de vista previa de iframe puede recibir rápidamente información de componentes y renderizar efectos.
pd: arrastre y suelte el componente en el área de vista previa del iframe y mantenga el interruptor de verificación activado.
2. Agregar componentes desde el árbol de componentes
Agregar componentes desde el árbol de componentes solo se puede buscar de manera aproximada por ID de componente, por lo que es más adecuado para usuarios que están familiarizados con las ID de componentes. Agregar componentes del árbol de componentes también es más adecuado para escenarios que no son adecuados para arrastrar componentes, como arrastrar y soltar en algunas escenas complejas, no es fácil encontrar la ubicación de los componentes o agregar algunos componentes atómicos que no están en la biblioteca de componentes, como div, una etiqueta, etc.
Añadir componentes comunes:
pd: ¿Cuáles son las ranuras del componente principal? Puede hacer clic en el documento de descripción del componente principal para verlo. Las diferentes ranuras de componentes tienen diferentes nombres y posiciones; los componentes que no son contenedores no tienen ranuras.
Añadir componentes atómicos:
Los componentes atómicos son elementos HTML nativos, como div, a, span, etc.
En este punto, la adición de componentes está completa.