本文主要通过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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。