【数据科学系列】基于Python的Web应用框架Dash-第一个应用

Dash 应用程序框架

Dash应用程序由应用程序的布局和应用程序的交互性这两部分组成。
Dash为应用程序的所有可视组件提供Python类，在dash_core_components以及dash_html_components库和库中保留了一系列组件， 但是用户也可以使用JavaScript和React.js 自定义。
app.layout描述应用程序的外观并且是组件的分层树。该dash_html_components库提供类所有的HTML标签，以及关键字参数说明了HTML属性，如 style，className和id。dash_core_components库生成更高级别的组件，如控件和图形。

创建第一个应用

1. 保存以下代码文件为 app.py

# -*- coding: utf-8 -*-
import dash
import dash_core_components as dcc
import dash_html_components as html

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

app.layout = html.Div(children=[
    html.H1(children=u'你好 Dash'),

    html.Div(children='''
        Dash: 一个基于Python的Web应用框架
    '''),

    dcc.Graph(
        id='example-graph',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': u'学生'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'老师'},
            ],
            'layout': {
                'title': 'Dash 数据可视化'
            }
        }
    )
])

if __name__ == '__main__':
    app.run_server(debug=True)  # debug=True, hot reload is enabled
    #app.run_server(dev_tools_hot_reload=False) #dev_tools_hot_reload=False, hot reload ie disabled

2. 使用cmd命令行运行 app.py

REM run the app with python app.py
python app.py
REM press ctrl+c to quit 

3. 使用网页浏览器访问 http://127.0.0.1:8050/
   刚打开浏览器，可能无响应；一刷新浏览器，即可访问页面。
   Dash包含“热重新加载”或者“热更新”功能，即当用户对代码进行更改时，Dash将自动刷新用户的浏览器。