Cómo construir una interfaz de usuario web con Python  Anvil le permite crear el front-end de su aplicación completamente en Python, sin necesidad de HTML, CSS o Javascript. Puedes construir tu interfaz de usuario arrastrando y soltando componentes en el diseñador visual de Anvil o agregando componentes usando el código de Python:   Veamos cómo puede usar el   para crear una interfaz de usuario al convertir esta aplicación en una aplicación de "hola mundo" que saluda a sus usuarios. editor Anvil  En el medio del IDE de Anvil se encuentra el   que se divide en la Vista de diseño y la Vista de código. A la derecha del editor de Anvil encontrarás la Caja de   .  Editor de formularios, herramientas  Puede arrastrar y soltar componentes, como   , desde la caja de herramientas para crear su interfaz de usuario. Esta aplicación de hola mundo también necesitará un   de texto para que los usuarios ingresen su nombre:  etiquetas cuadro  Para configurar los componentes, puede editar sus   en el lado derecho del   . Esto incluye tanto la información que muestra el componente como su estilo:  propiedades Panel de propiedades  Cada componente es un objeto de Python, por lo que también puede establecer las propiedades del componente en la Vista de código   :  del Editor de formularios  Todos los componentes tienen   que pueden generar. Por ejemplo, cuando un usuario de su aplicación hace clic en un componente de   , genera un evento de clic. Podemos crear un método de Python en la vista de código para que se llame cuando esto suceda. En el método de clic de su botón, puede llamar a la función de   de Anvil para mostrar una alerta que saluda a sus usuarios:  eventos botón alert  Ahora puede hacer clic en ejecutar para probar su aplicación y su interfaz. Sus usuarios ahora pueden ingresar su nombre y al hacer clic en el botón   se muestra la alerta:  say hi  Usar el diseñador de arrastrar y soltar no es su única opción para crear interfaces de usuario en Anvil. También puede crear y agregar componentes a su interfaz de usuario directamente en el código:   Anvil viene con todos los   : botones, cuadros de texto, menús desplegables, tablas, etc. Y si eso no es suficiente, puede crear sus propios   y compartirlos con otras aplicaciones. componentes habituales de la interfaz de usuario componentes personalizados  Para obtener más información sobre cómo crear interfaces de usuario con Anvil, ¿por qué no  comienza con nuestro tutorial de formulario de comentarios de 10 minutos?   >>>  Empezar  Cree su propia aplicación con Anvil  Si eres nuevo aquí, ¡bienvenido!   es una plataforma para crear aplicaciones web de pila completa con nada más que Python. No hay necesidad de luchar con JS, HTML, CSS, Python, SQL y todos sus marcos, solo   . Anvil constrúyalo todo en Python   >>>  Prueba Anvil

2022 - HackerNoon Contributor of the Year - Beginners Guide

2022 - HackerNoon Contributor of the Year - Programming

2022 - HackerNoon Contributor of the Year - Website Development

2022 - Pythonistas Paradise

2022 - Software Developer of the Year

Try Anvil for Free

Nominated for 2022 - HackerNoon Contributor of the Year - Beginners Guide

Nominated for 2022 - Software Developer of the Year

Nominated for 2022 - HackerNoon Contributor of the Year - Programming

Nominated for 2022 - HackerNoon Contributor of the Year - Website Development

Nominated for 2022 - Pythonistas Paradise

Este audio es producido en el idioma original de la historia!

Demasiado Largo; Para Leer

Cómo hacer una interfaz de usuario de una aplicación web con Python

Cómo hacer una interfaz de usuario de una aplicación web con Python

About Author

COMENTARIOS

ETIQUETAS

ESTE ARTÍCULO FUE PRESENTADO EN

Related Stories

¿Quieres ganar un concurso de redacción de HackerNoon? Esto es lo que recomiendan los ganadores del concurso #crypto-api

El modelo Bitcoin UTXO, impulsando un ecosistema único

De los foros a los feeds: cómo los algoritmos de las redes sociales influyen en la interacción digital

Liberando el poder de la IA. Una revisión sistemática de técnicas de vanguardia: resumen e introducción

¿Quieres ganar un concurso de redacción de HackerNoon? Esto es lo que recomiendan los ganadores del concurso #crypto-api

El modelo Bitcoin UTXO, impulsando un ecosistema único

De los foros a los feeds: cómo los algoritmos de las redes sociales influyen en la interacción digital

Liberando el poder de la IA. Una revisión sistemática de técnicas de vanguardia: resumen e introducción

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps