Páginas web y módulos

El paso más importante en la creación de la mayoría de las aplicaciones web es organizar su trabajo con la base de datos. Cómo obtener datos de la base de datos, cómo mostrarlos en la pantalla del usuario y cómo gestionar y eliminar estos datos.

A estas cuestiones se dedica el nuevo módulo del curso. En el tercer módulo, creamos una base de datos y diseñamos modelos para registrar información sobre ciudades y países. Ahora vamos a organizar el trabajo con esta base de datos. Tenemos que hacer lo siguiente

• Crear una tabla para sacar información de la base de datos
• Aprender a añadir datos a la base de datos, así como a eliminarlos
• Aprender cómo funcionan las ventanas modales para crear una interfaz fácil de usar
• Entender cómo funcionan las tablas vinculadas

Páginas

Empecemos con la parte preparatoria. Nuestra aplicación se está haciendo más grande, y está apretada en una sola página. Necesitamos crear al menos una más. Añadámosla al menú de la izquierda.

Llamemos a la página creada "World" y pongamos el icono y una URL clara.

Ventanas modales

Necesitamos la posibilidad de añadir nuevos países en la página creada. Para ello, necesitamos una ventana modal en la que introduciremos los datos necesarios y un botón que abrirá esta ventana modal.

La ventana modal es un componente especial. No ocupa ningún lugar específico en la página y, al mismo tiempo, combina las propiedades del componente (con ajustes propios de los componentes) y de la nueva página (con su propio lienzo para añadir otros componentes). El lugar más apropiado para colocar un modal es la zona de la parte inferior de la página. Está resaltada en verde, al igual que el propio componente modal.

Es necesario darle un nombre adecuado, y al pulsar el botón, asignar una simple acción - mostrar esta ventana modal.

El siguiente paso es introducir los datos necesarios. Ya hicimos una operación similar en el módulo anterior cuando pasamos el valor de X e Y. Ahora tenemos que hacer lo mismo, excepto que el tipo de datos es diferente, y los campos de entrada están en una ventana modal.

La base de datos registra la información más básica sobre los países. Se trata de su nombre (tipoString ) y su descripción general (Text). Estos son los campos de entrada que debe añadir.