跳转到主要内容

用Python控制网页

项目描述

Django-IDOM · Tests PyPI Version License Docs

Django-IDOM将您的Python项目连接到ReactJS前端,让您可以创建 无需JavaScript即可交互的网站!

遵循ReactJS样式,网页元素被组合成 可重用的"组件"。这些组件可以利用 钩子事件 创建无限复杂的网页。

当需要时,IDOM可以直接从NPM使用组件。使用NPM中的组件。为了增加灵活性,组件也可以在JavaScript中完全开发

任何带有Websockets的Python Web框架都可以支持IDOM。下面列出了开箱即用的支持框架。

支持的框架 支持的框架(外部)
FlaskFastAPISanicTornado DjangoPlotly-DashJupyter

概述

my_app/components.py

您需要一个文件来定义您的IDOM组件。我们建议在所选的Django应用中创建一个components.py文件开始。在这个文件中,我们将创建一个简单的hello_world组件。

from idom import component, html

@component
def hello_world(recipient: str):
    return html.h1(f"Hello {recipient}!")

my_app/templates/my-template.html

在您的Django应用的HTML模板中,现在可以使用component模板标签嵌入您的IDOM组件。在这个标签内,您需要输入组件函数的点分路径作为第一个参数。

此外,您可以将argskwargs传递给组件函数。例如,阅读下面的代码后,注意hello_world函数定义(在之前的示例中)如何接受一个recipient参数。

{% load idom %}
<!DOCTYPE html>
<html>
  <body>
    {% component "example_project.my_app.components.hello_world" recipient="World" %}
  </body>
</html>

资源

请点击以下链接了解更多关于此项目的信息。

  • 立即尝试 - 在Jupyter Notebook中查看IDOM。
  • 文档 - 学习如何安装、运行和使用IDOM。
  • 社区论坛 - 提问、分享想法并展示项目。

项目详情


下载文件

下载适合您平台的文件。如果您不确定选择哪个,请了解更多关于安装包的信息。

源分发

django_idom-3.0.1.tar.gz (74.4 kB 查看哈希值)

上传时间

构建分发

django_idom-3.0.1-py2.py3-none-any.whl (76.9 kB 查看哈希值)

上传时间 Python 2 Python 3

由以下支持

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误日志 StatusPage StatusPage 状态页面