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