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

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

本文主要通过Dash的Checklist组件来介绍Dash开发的Web应用。文中示例代码讲解详细,有一定参考价值,有需要可以参考。

目录

Python Dash开发Web应用的控制基础一、Dash的布局Layout1、Dash的HTML组件2、Dash的核心组件2、Dash的清单

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

本文主要通过Dash的Checklist组件来介绍Dash开发的Web应用。

显示效果如下:

python dash的简单基础

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

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

一、Dash的布局Layout

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

Dash html Components(dash.html)提供了所有HTML标签和HTML属性关键字参数描述的类,如样式、类和id。

仪表板核心部件(仪表板。dcc)生成高级组件,如控件和图形。

仪表板布局有几个特点:

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

1、Dash的HTML组件

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

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

2、Dash的Core组件

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

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

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

二、Dash Core中的Checklist

Dcc。清单是用于显示一组复选框的组件。

下面我们借助核对表控件设置一个简单的项目,来说明Dash的Web应用开发的一些简单内容。

演示的目录结构如下:

dash_demo

app.py

资产

网站

国际管理集团

茱莉亚_50px_icon.png

python_50px_icon.png

r_50px_icon.png

app.py的内容如下:

从dash导入Dash,html,dcc

app=破折号(__name__)

App.title='仪表板控制教程'

app.layout=html。Div(children=[

dcc。清单(

Options=['Python语言',' Julia语言',' R语言'],

Value=['Python语言',' R语言']

),

dcc。清单(

选项=[

{'label': 'Python语言','值':' 1'},

{'label': 'Julia语言',' value': '2'},

{'label': 'R语言',' value': '3'},

],

值=['1 ',' 3']

),

dcc。清单(

选项={

1': 'Python语言',

2 ':《朱丽亚语》,

3': 'R语言',

},

值=['1 ',' 3']

),

dcc。清单(

选项=[

{

“标签”:html。img(src=app . get _ asset _ URL(' img/python _ 50px _ icon . png '),

值':' Python语言',

},

{

“标签”:html。img(src=app . get _ asset _ URL(' img/Julia _ 50px _ icon . png '),

值':'朱丽亚语言',

},

{

“标签”:html。img(src=app . get _ asset _ URL(' img/r _ 50px _ icon . png '),

值':' R语言',

},

],

Value=['Python语言',' R语言']

),

])

if __name__=='__main__ ':

app.run_server(debug=True)

运行:pythonapp.py。

浏览器访问:3358127.0.0.1: 8050。

Dash演示

简单描述:

Assets目录是官方推荐的目录,用于存储我们Dash应用所依赖的静态资源文件,比如css、js、favicon.ico等静态资源,各种图片和字体。破折号控制可以用在许多方面,是灵活的,如本文中的清单。选项的标签(用户可见)和值(传递给回调)是等价的。在使用时,我们更喜欢将它们分开,这样我们就可以轻松地更改标签,而无需更改使用该值的回调逻辑。

关于Python使用Dash开发web应用程序的详细方法,本文就到这里。关于Python Dash开发web应用的更多信息,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: