Introducción a las aplicaciones web

En los módulos anteriores, hemos aprendido a crear nuestros procesos de negocio y los puntos finales para ellos, lanzar su ejecución y obtener resultados. Es hora de ocuparse de la creación de una aplicación web completa. En este módulo, vamos a averiguar cómo diseñar el front-end y hacer un shell gráfico conveniente.

Pestaña de aplicaciones web

Para ir al diseñador de aplicaciones web, seleccione el elemento apropiado en el panel de la izquierda. Aquí puedes ver que el shell inicial para la primera aplicación ya ha sido creado. Puede cambiar el nombre o el diseño o incluso eliminarlo.

Vale la pena señalar inmediatamente el hecho de que mucho en AppMaster crea automáticamente. Por ejemplo, durante la fase de diseño de una base de datos, podemos establecer la autogeneración de puntos finales y elementos de la interfaz de usuario para el panel de administración. Sin embargo, como parte de la formación, vamos a tratar de crear todo desde cero. Esto le permitirá entender mejor el tema y comprender completamente todos los procesos.

Lienzo de diseño

En primer lugar, vamos a abrir el panel de administración y ver lo que tenemos que trabajar.

Tendremos la oportunidad de explorar todos los elementos y funciones más adelante, pero para empezar, la gran área blanca es la más interesante. Es el lienzo, donde transferiremos todos los elementos de diseño necesarios. Una lista completa de estos elementos se puede ver justo arriba. Hay botones, interruptores, tablas, imágenes, campos de entrada, y más.

Como recuerdas, hemos creado un proceso de negocio (e incluso más de uno) y un punto final en los módulos anteriores. Ahora necesitamos un shell gráfico apropiado.

¿Qué hay que colocar en ella?

• Campos de entrada X e Y
• Un botón que inicie el proceso de cálculo
• Campos para registrar el resultado de los cálculos
• Un marco conveniente, que, aunque no es un elemento obligatorio para el trabajo, será apropiado.