Pynecone —— 纯 Python 全栈 Web 框架

Pynecone 是一个全栈 Python 框架，可以使用纯 Python 构建高性能、可自定义的 Web 应用程序。

Pynecone 应用程序示例

下面是一个围绕 DALL·E 创建 UI 的示例，这个示例调用了 OpenAI 的 DALL·E API，但您可以在本地将其替换为任何 ML 模型。

下面是创建它的完整代码，这一切都在一个 Python 文件中完成！

 import pynecone as pc import openai openai.api_key = "YOUR_API_KEY" class State(pc.State): """The app state.""" prompt = "" image_url = "" image_processing = False image_made = False def process_image(self): """Set the image processing flag to true and indicate image is not made yet.""" self.image_processing = True self.image_made = False def get_image(self): """Get the image from the prompt.""" response = openai.Image.create(prompt=self.prompt, n=1, size="1024x1024") self.image_url = response["data"][0]["url"] self.image_processing = False self.image_made = True def index(): return pc.center( pc.vstack( pc.heading("DALL·E", font_size="1.5em"), pc.input(placeholder="Enter a prompt..", on_blur=State.set_prompt), pc.button( "Generate Image", on_click=[State.process_image, State.get_image], width="100%", ), pc.divider(), pc.cond( State.image_processing, pc.circular_progress(is_indeterminate=True), pc.cond( State.image_made, pc.image( src=State.image_url, height="25em", width="25em", ) ) ), bg="white", padding="2em", shadow="lg", border_radius="lg", ), width="100%", height="100vh", bg="radial-gradient(circle at 22% 11%,rgba(62, 180, 137,.20),hsla(0,0%,100%,0) 19%)", ) # Add state and page to the app. app = pc.App(state=State) app.add_page(index, title="Pynecone:DALL·E") app.compile()

Pynecone 中的 UI

从用户界面开始。

 def index(): return pc.center( ... )

Pynecone 附带60 多个内置组件。

状态

 class State(pc.State): """The app state.""" prompt = "" image_url = "" image_processing = False image_made = False

状态定义了应用程序中可以更改的所有变量（称为 vars）以及更改它们的函数。这里的状态由prompt和组成image_url。还有布尔值image_processing和image_made指示何时显示循环进度和图像。

事件处理器

  def process_image(self): """Set the image processing flag to true and indicate image is not made yet.""" self.image_processing = True self.image_made = False def get_image(self): """Get the image from the prompt.""" response = openai.Image.create(prompt=self.prompt, n=1, size="1024x1024") self.image_url = response["data"][0]["url"] self.image_processing = False self.image_made = True

我们的DALL·E。应用程序有两个事件处理程序，process_image用于指示正​​在生成图像和get_image调用 OpenAI API。

路由

最后定义应用程序并告诉它使用什么状态。

 app = pc.App(state=State)

添加一条从应用程序根目录到索引组件的路由，还添加了一个标题，该标题将显示在页面预览/浏览器选项卡中。

 app.add_page(index, title="Pynecone:DALL-E") app.compile()

安装

Pynecone 需要以下内容才能开始：

• Python 3.7+
• Node.js 12.22.0+ （不必编写任何 Javascript）

 $ pip install pynecone

创建您的第一个 Pynecone 应用程序

安装 Pynecone 也会安装pc命令行工具，可通过创建一个新项目来测试安装是否成功。

将 my_app_name 替换为自己的项目名称：

 $ mkdir my_app_name $ cd my_app_name $ pc init 

第一次运行此命令时，会自动下载并安装bun 。

此命令会在您的新目录中初始化模板应用程序，可以在开发模式下运行此应用程序：

 $ pc run 

应用程序将在 http://localhost:3000 上运行。现在可以修改my_app_name/my_app_name.py. 

Pynecone 具有快速刷新功能，可以在保存代码时立即看到更改。