Python使用Dash开发网页应用的方法介绍_F11 - 专业站长和开发者的学习网站

分享到

Python使用Dash开发网页应用的方法介绍

python 来源：互联网作者：佚名发布时间：2022-09-22 08:57:52 人浏览

摘要

Python Dash开发Web应用的控件基础本文主要是通过Dash的Checklist组件，简单介绍使用Dash开发的Web应用展示效果如下： python dash简单基础 Dash应用程序由两部分组成：第一部分是应用程序的

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，选项的标签(用户看到的)和值(传递给回调的)是等价的。使用时，我们更倾向于将它们分开，这样就可以很容易地更改标签，而不更改使用该值的回调逻辑。

您可能感兴趣的文章 :

原文链接 : https://www.51cto.com/article/719123.html

Tag : python(762)网页(33)应用(15)

Python Django教程之实现新闻应用程序

Django是一个用Python编写的高级框架，它允许我们创建服务器端Web应用程序。在本文中，我们将了解如何使用Django创建新闻应用程序。我们将
书写Python代码的一种更优雅方式(推荐!)

一些比较熟悉pandas的读者朋友应该经常会使用query()、eval()、pipe()、assign()等pandas的常用方法，书写可读性很高的「链式」数据分析处理代码
Python灰度变换中伽马变换分析实现

1. 介绍伽马变换主要目的是对比度拉伸，将图像灰度较低的部分进行修正伽马变换针对的是对单个像素点的变换，也就是点对点的映射形
使用OpenCV实现迷宫解密的全过程

一、你能自己走出迷宫吗？如下图所示，可以看到是一张较为复杂的迷宫图，相信也有人尝试过自己一点一点的找出口，但我们肉眼来解谜
Python中的数据精度问题的介绍

一、python运算时精度问题 1.运行时精度问题在Python中（其他语言中也存在这个问题，这是计算机采用二进制导致的），有时候由于二进制和
Python随机值生成的常用方法

一、随机整数 1.包含上下限：[a, b] 1 2 3 4 import random #1、随机整数：包含上下限：[a, b] for i in range(10): print(random.randint(0,5),end= | ) 查看运行结
Python字典高级用法深入分析讲解

一、 collections 中 defaultdict 的使用 1.字典的键映射多个值将下面的列表转成字典 l = [(a,2),(b,3),(a,1),(b,4),(a,3),(a,1),(b,3)] 一个字典就是一个键对
Python浅析多态与鸭子类型使用实例

什么多态：同一事物有多种形态为何要有多态=》多态会带来什么样的特性，多态性多态性指的是可以在不考虑对象具体类型的情况下而直
Python字典高级用法深入分析介绍

一、 collections 中 defaultdict 的使用 1.字典的键映射多个值将下面的列表转成字典 l = [(a,2),(b,3),(a,1),(b,4),(a,3),(a,1),(b,3)] 一个字典就是一个键对
Python淘宝或京东等秒杀抢购脚本实现(秒杀脚本

我们的目标是秒杀淘宝或京东等的订单，这里面有几个关键点，首先需要登录淘宝或京东，其次你需要准备好订单，最后要在指定时间快速