Python Dash（二）

一、学习目的

使用pycharm编写一个dash的简单程序，体会dash的功能。

二、程序代码

1. 导入相关库

import dash
import dash_html_components as html

2. 代码主体

#构建dash应用
app = dash.Dash('dashApp')

#设置列表
my_cat_names = [
    "咪咪",
    "小猫咪",
    "猫猫"
]

#将上面的列表变为html的列表
my_list = [html.Li(name) for name in my_cat_names]

#这里向网页中加入了“Hello World!”、一个列表和一张图片
#文字设置为H1标题、3倍字体、居中、白色
#列表设置为H1.5倍字体、居中、白色
#图片存放位置为“/assets/12-1FQQ45014.jpg”，可根据不同情况进行更改
#设置style
app.layout = html.Div(
    [
        html.H1('Hello World!',
                style={"fontSize":"3rem","textAlign":"center","color":"white"}),
        html.Ul(my_list,
                style={"fontSize":"1.5rem","textAlign":"center","color":"white"}),
        html.Img(src="/assets/12-1FQQ45014.jpg")
    ],
   style={"textAlign":"center"}
)

#运行，参数debug设置为True后在得到的网页中可以显示一些提示
app.run_server(debug=True)

3. 设置style.css

这里设置背景颜色为黑色

body{
    background-color: black;
}

3. 运行结果

 三、相关说明

1. 在运行代码时出现一下错误时重启pycharm或浏览器或电脑即可

• 打开网址（我这里是127.0.0.1:8050）后显示Internal Server Error问题
• 浏览器无法加载出图片

2. 版权说明

• 图片来源于网络，侵权会换图片