Índice
Los demás tipos de página de una aplicación ofrecen numerosas opciones de configuración, pero predeterminan la estructura y el comportamiento de una página. Con las páginas HTML puede añadir a su aplicación páginas totalmente personalizadas basadas en HTML, JavaScript y CSS. De este modo, puede diseñar sus aplicaciones exactamente según sus ideas e implementar sin problemas incluso interacciones complejas. Los casos de uso típicos son:
- Formularios, listas y páginas informativas con un diseño individual
- Tipos de gráficos o diagramas propios con elementos en los que se puede hacer clic
- Vistas combinadas, p. ej. una tabla y un registro individual en una misma página
Las páginas HTML pueden mostrar contenidos estáticos, pero desarrollan todo su potencial en combinación con los datos de una base. Al igual que los demás tipos de página del App Builder, pueden recuperar datos de una base y modificar registros en una base. En el diseño de la interfaz de usuario no existen prácticamente limitaciones. Todo lo que se pueda realizar con HTML, CSS y JavaScript también lo puede integrar en su aplicación como página HTML.
Cómo crear una página HTML
- Abra una aplicación en el modo de edición. Para ello, pase el ratón por encima de la aplicación y haga clic en el icono del lápiz
.
- Haga clic arriba a la izquierda en el círculo naranja con el icono del signo más y seleccione a continuación Añadir página HTML.
- Asigne un nombre a la página y defina opcionalmente un icono para la página.
- Confirme con Enviar.
- Cree en su dispositivo un archivo zip que contenga los archivos HTML, JavaScript y CSS.
- Cargue el archivo haciendo clic en el área prevista para ello o arrastrando el archivo hasta allí.
- A continuación, SeaTable renderiza el archivo como página en la aplicación.
Cómo crear los archivos necesarios
Hay dos formas de crear una página HTML y proporcionarla como archivo zip:
- El enfoque low-code: Diseñe la página en un editor HTML visual, vincúlela con su base mediante fragmentos de código predefinidos, añada opcionalmente imágenes y gráficos y empaquételo todo como archivo zip. Este procedimiento es ideal para formularios, cuadros de mando y páginas con diseño individual y con operaciones sencillas de lectura y escritura.
- El enfoque para desarrolladores: En cuanto desee crear páginas HTML más grandes con una lógica más compleja, p. ej. cuando los elementos de la página deban interactuar entre sí, necesitará la cadena de herramientas de JavaScript completa. Para el desarrollo se requieren Node.js y npm, un servidor de desarrollo con recarga en vivo, así como un token API generado en la base.
Encontrará más información, ejemplos y plantillas en nuestro manual para desarrolladores .