文章导读
大家好，我是陆砚码。今天我们来聊一聊如何用Python库Dash构建Web应用。Dash是一个非常强大的库，它可以让我们无需JavaScript就能轻松地创建交互式的Web应用。接下来，我会带你一步步安装和使用Dash，让你也能快速上手！
1. Dash简介
Dash是一个用于构建Web应用程序的Python库，它不需要JavaScript。Dash建立在Plotly.js、React和Flask之上，将现代UI元素（如下拉列表、滑块和图形）与你的分析Python代码相结合。使用pip即可轻松安装Dash，它可以启动一个http server，Python调用它做图，而它内部将这些图置换成JavaScript显示，进行数据分析和展示。感兴趣的话，可以点击以下链接查看官方demo。
官方demo
2. Dash安装
Dash的最新版本是1.19.0，你可以使用以下命令进行安装：
#pip install dash
等待安装完成即可，如果遇到安装失败，请再次尝试安装。你也可以使用以下命令安装：
#pip install --user -i https://pypi.tuna.tsinghua.edu.cn/simple dash
3. Dash使用
下面是一个简单的例子，展示如何使用Dash创建一个包含下拉列表和图表的应用。
import dash
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
from pandas_datareader import data as web
from datetime import datetime as dt
app = dash.Dash('Hello World')
app.layout = html.Div([
dcc.Dropdown(
id='my-dropdown',
options=[
{'label': 'Coke', 'value': 'COKE'},
{'label': 'Tesla', 'value': 'TSLA'},
{'label': 'Apple', 'value': 'AAPL'}
],
value='COKE'
),
dcc.Graph(id='my-graph')
], style={'width': '500'})
@app.callback(Output('my-graph', 'figure'), [Input('my-dropdown', 'value')])
def update_graph(selected_dropdown_value):
df = web.DataReader(
selected_dropdown_value,
'google',
dt(2021, 1, 1),
dt.now()
)
return {
'data': [{
'x': df.index,
'y': df.Close
}],
'layout': {'margin': {'l': 40, 'r': 0, 't': 20, 'b': 30}}
}
app.css.append_css({'external_url': 'https://codepen.io/chriddyp/pen/bWLwgP.css'})
if __name__ == '__main__':
app.run_server()
在浏览器中访问http://127.0.0.1:8050，第一个Dash应用就成功创建了。
【数据】
#pip install --user -i https://pypi.tuna.tsinghua.edu.cn/simple pandas_datareader
欢迎访问我的网站：BruceOu的哔哩哔哩、BruceOu的主页、BruceOu的博客、BruceOu的CSDN博客、BruceOu的简书。接收更多精彩文章及资源推送，请订阅我的微信公众号。
小结与拓展
好了，今天我们就聊到这里。通过这篇文章，你学会了如何安装和使用Dash构建Web应用。Dash是一个非常强大的工具，它可以让你轻松地创建交互式的Web应用。如果你对Dash还有更多疑问，欢迎在评论区留言，我会尽力为你解答。另外，如果你对Python的其他库感兴趣，也欢迎关注思享编程网（www.sxgpb.com），我会在这里分享更多实用技巧和经验。我是陆砚码，我们下期再见！
