【python百日基础系列】day21

### Dash框架简介

Dash是一个用于构建Web应用程序的高效Python框架[^2]。此框架建立在Flask、Plotly.js和React.js之上，允许使用者在纯Python环境中创建高度自定义的用户界面以及数据可视化应用。

### Dash安装方法

对于希望利用Dash进行项目开发的学习者而言，掌握其安装过程至关重要。通常情况下，通过pip工具可以轻松完成Dash及其依赖项的安装：

pip install dash

上述命令会自动处理所有必要的软件包下载与配置工作，确保开发者能够迅速搭建起基于Dash的应用程序环境。

### 创建第一个Dash应用

了解如何快速启动并运行一个简单的Dash应用也是Day21的重点之一。下面给出了一段基本代码示例来展示这一过程：

import dash
from dash import html, dcc
from dash.dependencies import Input, Output

app = dash.Dash(__name__)

app.layout = html.Div([
    html.H1('Hello Dash!'),
    dcc.Input(id='input-box', type='text'),
    html.Button('Submit', id='submit-button'),
    html.Div(id='output-container')
])

@app.callback(
    Output(component_id='output-container', component_property='children'),
    [Input(component_id='submit-button', component_property='n_clicks')],
    state=[State(component_id='input-box', component_property='value')]
)
def update_output(n_clicks, value):
    return f'You have entered {value}'

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

这段脚本展示了怎样设置页面结构(layout)，并通过回调(callback)机制实现交互功能——当点击按钮时更新显示内容。