Python全栈应用开发神器Dash 3.x新版本介绍（1）

玩转Dash

✨持续分享应用开发、数据分析、AI应用、数字化相关干货内容。（Dash是基于Python进行高效现代化网页应用开发的顶级开源框架，本公众号致力于分享国内最专业的Dash应用开发相关知识，Dash之道，尽在其中。）

85篇原创内容

公众号

图片

即刻加入dash应用开发技术交流群

大家好我是费老师，Dash作为Python生态中强大且灵活的全栈应用开发框架，早在几个月前就发布了其3.0新版本，作为一次大版本更新，最开始或多或少都会存在一些小bug，需要经历若干小版本的迭代更新后，才可以在日常项目中稳定使用。

截至本文写作时，Dash已迭代更新至3.1.1正式版本，充分修复了新版本的相关bug，并陆续增加了不少的新功能特性。从本篇文章开始，我将分几期来详细介绍Dash在3.x新版本中为我们带来的丰富新功能内容及相关变化，一起get更高效的Python全栈应用开发能力😉~

图片

1 Dash及常用组件库更新指南

1.1 Dash 3.x版本更新指南

强烈建议读者朋友们使用虚拟环境来支撑日常项目，以conda/mamba为例，我们首先新建示例虚拟环境（Python版本在3.8到3.12之间均可）：

mamba create -n dash3.x-test-env python=3.10 -y

激活环境：

mamba activate dash3.x-test-env

接着我们直接执行下列命令安装最新版本的Dash即可：

pip install dash -U

查看已安装的Dash版本相关信息：

图片

1.2 常用组件库适配版本更新指南

为了从底层适配新版本Dash，常用的组件库版本参考范围如下

1.2.1 fac（feffery-antd-components）

针对通用功能组件库fac，其>=0.4.0版本对应适配新版本Dash，参考下列安装命令：

pip install feffery-antd-components --pre -U

1.2.2 fuc（feffery-utils-components）

针对实用工具组件库fuc，其>=0.3.0版本对应适配新版本Dash，参考下列安装命令：

pip install feffery-utils-components --pre -U

1.2.3 fmc（feffery-markdown-components）

针对markdown渲染组件库fmc，其>=0.4.0版本对应适配新版本Dash，参考下列安装命令：

pip install feffery-markdown-components --pre -U

1.2.4 fact（feffery-antd-charts）

针对数据可视化组件库fact，其>=0.2.0版本对应适配新版本Dash，参考下列安装命令：

pip install feffery-antd-charts --pre -U

其他组件库类似，参考上面的方式进行更新即可。

2 Dash 3.x版本部分新功能&变化

篇幅有限，本期文章我们先介绍Dash新版本中比较简单直接的一些新功能及变化：

2.1 组件参数支持静态类型注解

新版本中为组件参数增加了静态类型注解相关支持，最直接的，我们在编写组件代码时，可以配合现代IDE中自动的提示功能，更轻松的编写参数，下面是部分场景示例：

• 枚举型参数

以fac中的按钮组件为例，在编写如type这种枚举型参数时，直接就可以获得合法参数项提示：

图片

• 字典型参数

以fac中的输入框组件为例，在编写如autoSize这种字典型参数时，可以自动提示出合法的子参数键名：

图片

• 更复杂的参数

Dash新版本中的组件参数类型注解，对结构比较复杂的参数也适配的很好，譬如fac中表格组件用于定义表格字段的columns参数：

图片

并且在各种现代化IDE中，可配合类型检查功能，更及时直观的发现参数书写错误问题，以vscode为例，在打开类型检查功能后：

图片

对应Dash应用代码中，不合规的组件参数都会醒目地标记出来：

图片

2.2 开发者工具重构

新版本中对Dash应用debug调试模式下运行时，应用页面中自带的开发者工具进行重构，由老版本中经典的“小蓝圈”，调整为页面右下角更不易遮挡应用界面的折叠图标形式：

图片

并且附带了当前Dash版本信息，且当Dash版本滞后于已发布的最新版本时，会有相应的可更新提示，比如我们故意将Dash降级到3.1.0之后：

图片

2.3 正式移除run_server()方法

从比较早版本就开始使用Dash的朋友们可能还习惯用app.run_server()方式进行应用的临时启动，在3.x版本中，该方法被正式移除，请大家统一使用app.run()形式。

2.4 app实例直接兼容WSGI形式应用部署

在之前的版本中，无论是玩转Dash公众号中的文章，还是玩转Dash知识星球中的视频课程里，涉及到使用gunicorn、waitress、granian等工具正式部署Dash应用时，我都会强调需要额外编写类似下面的代码，将Dash应用实例变量的server属性取出，方可用于在相关WSGI部署命令中作为目标（Dash应用高性能部署具体视频教程参考：https://t.zsxq.com/Feqzs ）：

# 单独取得server属性，即Dash实例对应内置的Flask应用实例
server = app.server

而在>=3.1.0版本中，我们可以直接将Dash应用实例作为目标进行应用部署，以gunicorn为例：

图片

2.5 底层React依赖版本更新至18.3.1

Dash从3.0.0版本开始，底层用于前端渲染控制的React依赖版本升至18.3.1，如果你需要从底层开发Dash组件库，或在Dash应用中基于浏览器端回调集成使用譬如univer之类的受React版本影响的框架，这一更新项可以留意下：

图片