Anvil позволяет вам создавать интерфейс вашего приложения полностью на Python - без HTML, CSS или Javascript. Вы можете создать свой пользовательский интерфейс, перетаскивая компоненты в визуальном конструкторе Anvil или добавляя компоненты с помощью кода Python:

Давайте посмотрим, как вы можете использовать редактор наковальни для создания пользовательского интерфейса, превратив это приложение в приложение привет, мир, которое здоровается с вашими пользователями.

В середине Anvil IDE находится Редактор форм, который разделен на представление дизайна и представление кода. Справа от редактора Anvil вы найдете Toolbox.

Вы можете перетаскивать компоненты, такие как Ярлыки, из панели инструментов, чтобы создать свой пользовательский интерфейс. Этому приложению hello world также потребуется TextBox, чтобы пользователи могли вводить свое имя:

Для настройки компонентов вы можете редактировать их свойства в правой части Панели свойств. Это включает как информацию, отображаемую компонентом, так и его стиль:

Каждый компонент является объектом Python, поэтому вы также можете установить свойства компонента в представлении кода Редактора форм:

У всех компонентов есть события, которые они могут вызывать. Например, когда пользователь вашего приложения нажимает на компонент Кнопка, возникает событие щелчка. Мы можем создать метод Python в представлении кода, который будет вызываться, когда это произойдет. В методе нажатия кнопки вы можете вызвать функцию Anvil alert, чтобы отобразить предупреждение, передающее привет вашим пользователям:

Теперь вы можете нажать «Выполнить», чтобы протестировать свое приложение и его интерфейс. Теперь ваши пользователи могут вводить свое имя, и при нажатии кнопки say hi отображается предупреждение:

Использование конструктора перетаскивания - не единственный вариант для создания пользовательских интерфейсов в Anvil. Вы также можете создавать и добавлять компоненты в свой пользовательский интерфейс прямо в коде:

Anvil поставляется со всеми обычными компонентами пользовательского интерфейса - кнопками, текстовыми полями, раскрывающимися списками, таблицами и так далее. А если этого недостаточно, вы можете создавать свои собственные пользовательские компоненты и делиться ими с другими приложениями.

Чтобы узнать больше о создании пользовательских интерфейсов с помощью Anvil, почему бы не начать работу с 10-минутным руководством по форме обратной связи?

Щелкните здесь, чтобы перейти к 10-минутному руководству.

Создайте собственное приложение с Anvil

Если вы новичок в Anvil, добро пожаловать! Anvil - это платформа для создания полнофункциональных веб-приложений только на Python. Не нужно ломать голову над JS, HTML, CSS, Python, SQL и всеми их фреймворками - просто создайте все на Python.

Хотите создать собственное приложение? Начните с одного из руководств Anvil:

Первоначально опубликовано на https://anvil.works.