Python使用Dash开发网页应用的方法详解

 更新时间:2022年09月20日 09:40:09   作者:魔法小木瓜  
本文主要是通过Dash的Checklist组件,简单介绍使用Dash开发的Web应用,文中的示例代码讲解详细,具有一定的借鉴价值,需要的可以参考一下

Python Dash开发Web应用的控件基础

本文主要是通过Dash的Checklist组件,简单介绍使用Dash开发的Web应用

展示效果如下:

python dash简单基础

Dash应用程序由两部分组成:

  • 第一部分是应用程序的布局(Layout),它描述了应用程序的外观。
  • 第二部分描述了应用程序的交互性。

一、Dash的布局Layout

Dash应用的布局描述了应用的外观。布局是一个分层的组件树。

Dash HTML Components(dash.html)为所有HTML tags和HTML属性关键字参数描述提供类,如style, class和id。

Dash核心组件(dash .dcc)生成高级组件,如控件和图形。

Dash Layout有几个特点:

  • 布局由组件树组成。
  • 可创建复杂的可复用的组件。
  • 核心组件模块dash .dcc包含一个名为Graph的组件,Graph使用开源的plotly.js JavaScript图形库呈现交互式数据可视化。js支持超过35种图表类型,并以矢量质量的SVG和高性能的WebGL呈现图表,详细可参考: plotly.py documentation and gallery。
  • 对于编写文本块,可以使用dash.dcc中的Markdown组件。
  • Dash核心组件(dash .dcc)包括一组较高级的组件,如下拉菜单、图形、标记块等。

1、Dash的HTML组件

Dash是一个web应用程序框架,它提供了围绕HTML、CSS和JavaScript的纯Python抽象。而不是编写HTML或使用HTML模板引擎,用Python和Dash HTML Components模块组成布局。

Dash HTML组件模块是Dash的一部分,可以在https://github.com/plotly/dash找到它的源代码。

2、Dash的Core组件

Dash配备了用于交互用户界面的动态组件。

Dash核心组件模块可以被导入和使用,通过 from dash import dcc 并允许访问许多交互式组件,包括下拉菜单、检查列表和滑块。

dcc模块是Dash的一部分,可以在https://github.com/plotly/dash找到它的源代码。

二、Dash Core中的Checklist

dcc.Checklist是一个用于呈现一组复选框的组件。

下面我们借助Checklist控件,组建一个简单工程,以说明Dash开发Web应用的一些简单内容

Demo的目录结构如下:

.
└── dash_demo
    ├── app.py
    └── assets
        ├── favicon.ico
        └── img
            ├── julia_50px_icon.png
            ├── python_50px_icon.png
            └── r_50px_icon.png

app.py的内容如下:

from dash import Dash, html, dcc
app = Dash(__name__)
app.title = 'Dash控件教程'
app.layout = html.Div(children=[
    dcc.Checklist(
        options=['Python语言', 'Julia语言', 'R语言'],
        value=['Python语言', 'R语言']
    ),
    dcc.Checklist(
        options=[
            {'label': 'Python语言', 'value': '1'},
            {'label': 'Julia语言', 'value': '2'},
            {'label': 'R语言', 'value': '3'},
        ],
        value=['1', '3']
    ),
    dcc.Checklist(
        options={
            '1': 'Python语言',
            '2': 'Julia语言',
            '3': 'R语言',
        },
        value=['1', '3']
    ),
    dcc.Checklist(
        options=[
            {
                'label': html.Img(src=app.get_asset_url('img/python_50px_icon.png')),
                'value': 'Python语言',
            },
            {
                'label': html.Img(src=app.get_asset_url('img/julia_50px_icon.png')),
                'value': 'Julia语言',
            },
            {
                'label': html.Img(src=app.get_asset_url('img/r_50px_icon.png')),
                'value': 'R语言',
            },
        ],
        value=['Python语言', 'R语言']
    ),
])

if __name__ == '__main__':
    app.run_server(debug=True)

运行工程:python app.py。

浏览器访问:http://127.0.0.1:8050。

Dash Demo

简单说明:

  • assets目录,是官方推荐的用于存放我们的 Dash 应用所依赖静态资源文件的目录,如依赖的 css 、 js 、 favicon.ico 、各种图片及字体等静态资源。
  • Dash控件有多种使用形式,很灵活,例如文中的Checklist,选项的标签(用户看到的)和值(传递给回调的)是等价的。使用时,我们更倾向于将它们分开,这样就可以很容易地更改标签,而不更改使用该值的回调逻辑。

到此这篇关于Python使用Dash开发网页应用的方法详解的文章就介绍到这了,更多相关Python Dash开发网页应用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Pandas实现自定义Excel格式并导出多个sheet表

    Pandas实现自定义Excel格式并导出多个sheet表

    pandas默认整合XlsxWriter驱动,可以自动化处理excel操作,并提供公式、设置单元格格式、可视化分析图片等操作,本文就来和大家详细聊聊
    2023-05-05
  • Python中的GIL全局解释器锁多线程编程的隐患剖析

    Python中的GIL全局解释器锁多线程编程的隐患剖析

    Python作为一门强大而灵活的编程语言,吸引了大量的开发者,然而,对于多线程编程来说,Python引入了一个概念——全局解释器锁(Global Interpreter Lock,简称GIL),它在一定程度上影响了多线程程序的性能,本文将深入探讨GIL的概念,它对多线程编程的影响以及如何处理与绕过它
    2023-10-10
  • 浅谈一下python中threading模块

    浅谈一下python中threading模块

    这篇文章主要介绍了一下python中threading模块,threading提供了一个比thread模块更高层的API来提供线程的并发性。这些线程并发运行并共享内存,需要的朋友可以参考下
    2023-04-04
  • Python编写简化版的文字冒险游戏的实例代码

    Python编写简化版的文字冒险游戏的实例代码

    Python编写简化版的文字冒险游戏:迷失的宝藏,这个文字冒险游戏包含了游戏开发的基本要素:游戏状态管理、玩家输入处理、游戏逻辑和循环,通过扩展游戏的内容和功能,可以制作出更复杂、更有趣的游戏,希望这个实例代码能够激发你对游戏编程的兴趣和创造力!
    2024-05-05
  • Python让列表逆序排列的3种方式小结

    Python让列表逆序排列的3种方式小结

    这篇文章主要介绍了Python让列表逆序排列的3种方式小结,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-05-05
  • python中decimal模块的具体使用

    python中decimal模块的具体使用

    本文主要介绍了python中decimal模块的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-01
  • Pycharm-community-2020.2.3 社区版安装教程图文详解

    Pycharm-community-2020.2.3 社区版安装教程图文详解

    这篇文章主要介绍了Pycharm-community-2020.2.3 社区版安装教程图文详解,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-12-12
  • Windows 7下Python Web环境搭建图文教程

    Windows 7下Python Web环境搭建图文教程

    这篇文章主要为大家详细介绍了Windows 7下Python Web环境搭建图文教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • python文件及目录操作代码汇总

    python文件及目录操作代码汇总

    这篇文章主要介绍了python文件及目录操作代码汇总,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • python生成随机数、随机字符、随机字符串的方法示例

    python生成随机数、随机字符、随机字符串的方法示例

    这篇文章主要介绍了python生成随机数、随机字符、随机字符串的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04

最新评论