如何使用 Python 构建 Web UI

Anvil让您可以完全用Python构建应用程序的前端–无需HTML、CSS或Javascript。您可以通过在Anvil的可视化设计器中拖放组件或使用Python代码添加组件来构建您的Ul:

让我们看看如何使用 Anvil 编辑器创建用户界面，将这个应用程序变成一个向用户打招呼的“hello world”应用程序。

Anvil IDE 的中间是表单编辑器，它分为设计视图和代码视图。 在 Anvil 编辑器的右侧，您会找到工具箱。

供用户输入姓名的文本框：

要配置组件，你可以在属性面板的右侧编辑他们的属性，包括组件显示的信息及其样式。

每个组件都是一个Python对象，因此您还可以在表单编辑器的代码视图中设置组件的属性:

所有组件都有可以引发的事件。例如，当您的应用程序的用户单击一个Button组件时，它会引发一个单击事件。我们可以在代码视图中创建一个Python方法，以便在发生这种情况时调用。在您的 Button的click方法中，您可以调用Anvil 的alert函数来显示一个向您的用户打招呼的警报:

现在您可以单击运行来测试您的应用程序及其界面。您的用户现在可以输入他们的姓名并单击say hi按钮显示警报:

使用拖放设计器并不是在Anvil中构建用户界面的唯一选择。您还可以直接在代码中创建组件并将其添加到用户界面:

Anvil带有所有常用的U组件....按钮.…文本框、下拉列表、表格等等。如果这还不够，您可以创建自己的自定义组件并与其他应用程序共享它们。

使用Anvil构建您自己的应用程序

如果你是新来的，欢迎!Anvil是一个只用Python构建全栈Web应用程序的平台。无需与JS、HTML、CSS、Python、SQL及其所有框架搏斗——只需使用Python构建即可。