feffery-dash-snippets: Dash 实用代码片段

简体中文 | English

1 快捷代码片段

1.1 快捷 Python 代码片段

1.1.1 快捷模块功能导入

• ihd：从dash快捷导入html、dcc

• ibcr：从dash快捷导入基础回调角色Input、Output、State

• ifac：快捷导入feffery_antd_components（fac）

• ifuc：快捷导入feffery_utils_components（fuc）

• ifact：快捷导入feffery_antd_charts（fact）

• ifmc：快捷导入feffery_markdown_components（fmc）

• iflc：快捷导入feffery_leaflet_components（flc）

• ifm：快捷导入feffery_maplibre（fm）

• ifamc：快捷导入feffery_antd_mobile_components（famc）

1.1.2 flask 相关快捷逻辑初始化

• flask:upload：快速初始化flask上传服务接口

• flask:download：快速初始化flask下载服务接口

• flask:stream：快速初始化flask流式服务（SSE）接口

1.1.3 回调相关快捷逻辑初始化

• callback:oi：快速初始化具有Input和Output角色的回调函数

• callback:ois：快速初始化具有Input、Output及State角色的回调函数

• callback-cs:oi：快速初始化具有Input和Output角色的浏览器端回调函数

• callback-cs:ois：快速初始化具有Input、Output及State角色的浏览器端回调函数

1.1.4 feffery-dash-utils 工具函数快捷导入

• utils:style: 快捷导入feffery_dash_utils.style_utils中的style()函数

• utils:tm: 快捷导入feffery_dash_utils.tree_utils中的TreeManager类

• utils:i18n: 快捷导入feffery_dash_utils.i18n中的Translator类

• utils:dc: 快捷导入feffery_dash_utils.template_utils.dashboard_components中全部的内置自定义组件

• utils:version-check: 快捷导入feffery_dash_utils.version_utils中的check_python_version()和check_dependencies_version()

1.1.5 其他快捷片段

• pic=：快捷填入prevent_initial_call=True

• run:debug：快速创建Dash应用debug模式if __name__ == '__main__':app.run(debug=True)结构体

• ad=：快捷填入allow_duplicate=True

1.1.6 快捷页面模板生成

• template:basic_tool：快捷生成单页面基础工具型应用模板

• template:blank：快捷生成最基础的空白应用模板

• template:fact-jupyter：快捷生成fact在jupyter中使用的模板

1.1.7 常用配色方案快捷生成

• colors:blues_3：快速生成blues_3颜色值数组

• colors:blues_4：快速生成blues_4颜色值数组

• colors:blues_5：快速生成blues_5颜色值数组

• colors:blues_6：快速生成blues_6颜色值数组

• colors:blues_7：快速生成blues_7颜色值数组

• colors:blues_8：快速生成blues_8颜色值数组

• colors:blues_9：快速生成blues_9颜色值数组

• colors:blues_3_r：快速生成blues_3_r颜色值数组

• colors:blues_4_r：快速生成blues_4_r颜色值数组

• colors:blues_5_r：快速生成blues_5_r颜色值数组

• colors:blues_6_r：快速生成blues_6_r颜色值数组

• colors:blues_7_r：快速生成blues_7_r颜色值数组

• colors:blues_8_r：快速生成blues_8_r颜色值数组

• colors:blues_9_r：快速生成blues_9_r颜色值数组

• colors:greens_3：快速生成greens_3颜色值数组

• colors:greens_4：快速生成greens_4颜色值数组

• colors:greens_5：快速生成greens_5颜色值数组

• colors:greens_6：快速生成greens_6颜色值数组

• colors:greens_7：快速生成greens_7颜色值数组

• colors:greens_8：快速生成greens_8颜色值数组

• colors:greens_9：快速生成greens_9颜色值数组

• colors:greens_3_r：快速生成greens_3_r颜色值数组

• colors:greens_4_r：快速生成greens_4_r颜色值数组

• colors:greens_5_r：快速生成greens_5_r颜色值数组

• colors:greens_6_r：快速生成greens_6_r颜色值数组

• colors:greens_7_r：快速生成greens_7_r颜色值数组

• colors:greens_8_r：快速生成greens_8_r颜色值数组

• colors:greens_9_r：快速生成greens_9_r颜色值数组

• colors:greys_3：快速生成greys_3颜色值数组

• colors:greys_4：快速生成greys_4颜色值数组

• colors:greys_5：快速生成greys_5颜色值数组

• colors:greys_6：快速生成greys_6颜色值数组

• colors:greys_7：快速生成greys_7颜色值数组

• colors:greys_8：快速生成greys_8颜色值数组

• colors:greys_9：快速生成greys_9颜色值数组

• colors:greys_3_r：快速生成greys_3_r颜色值数组

• colors:greys_4_r：快速生成greys_4_r颜色值数组

• colors:greys_5_r：快速生成greys_5_r颜色值数组

• colors:greys_6_r：快速生成greys_6_r颜色值数组

• colors:greys_7_r：快速生成greys_7_r颜色值数组

• colors:greys_8_r：快速生成greys_8_r颜色值数组

• colors:greys_9_r：快速生成greys_9_r颜色值数组

• colors:oranges_3：快速生成oranges_3颜色值数组

• colors:oranges_4：快速生成oranges_4颜色值数组

• colors:oranges_5：快速生成oranges_5颜色值数组

• colors:oranges_6：快速生成oranges_6颜色值数组

• colors:oranges_7：快速生成oranges_7颜色值数组

• colors:oranges_8：快速生成oranges_8颜色值数组

• colors:oranges_9：快速生成oranges_9颜色值数组

• colors:oranges_3_r：快速生成oranges_3_r颜色值数组

• colors:oranges_4_r：快速生成oranges_4_r颜色值数组

• colors:oranges_5_r：快速生成oranges_5_r颜色值数组

• colors:oranges_6_r：快速生成oranges_6_r颜色值数组

• colors:oranges_7_r：快速生成oranges_7_r颜色值数组

• colors:oranges_8_r：快速生成oranges_8_r颜色值数组

• colors:oranges_9_r：快速生成oranges_9_r颜色值数组

• colors:purples_3：快速生成purples_3颜色值数组

• colors:purples_4：快速生成purples_4颜色值数组

• colors:purples_5：快速生成purples_5颜色值数组

• colors:purples_6：快速生成purples_6颜色值数组

• colors:purples_7：快速生成purples_7颜色值数组

• colors:purples_8：快速生成purples_8颜色值数组

• colors:purples_9：快速生成purples_9颜色值数组

• colors:purples_3_r：快速生成purples_3_r颜色值数组

• colors:purples_4_r：快速生成purples_4_r颜色值数组

• colors:purples_5_r：快速生成purples_5_r颜色值数组

• colors:purples_6_r：快速生成purples_6_r颜色值数组

• colors:purples_7_r：快速生成purples_7_r颜色值数组

• colors:purples_8_r：快速生成purples_8_r颜色值数组

• colors:purples_9_r：快速生成purples_9_r颜色值数组

• colors:reds_3：快速生成reds_3颜色值数组

• colors:reds_4：快速生成reds_4颜色值数组

• colors:reds_5：快速生成reds_5颜色值数组

• colors:reds_6：快速生成reds_6颜色值数组

• colors:reds_7：快速生成reds_7颜色值数组

• colors:reds_8：快速生成reds_8颜色值数组

• colors:reds_9：快速生成reds_9颜色值数组

• colors:reds_3_r：快速生成reds_3_r颜色值数组

• colors:reds_4_r：快速生成reds_4_r颜色值数组

• colors:reds_5_r：快速生成reds_5_r颜色值数组

• colors:reds_6_r：快速生成reds_6_r颜色值数组

• colors:reds_7_r：快速生成reds_7_r颜色值数组

• colors:reds_8_r：快速生成reds_8_r颜色值数组

• colors:reds_9_r：快速生成reds_9_r颜色值数组

1.2 快捷 JavaScript 代码片段

1.2.1 回调相关快捷逻辑初始化

• callback:init：快捷生成浏览器端回调函数定义模板

• callback:no_update：快捷插入浏览器端回调版本的dash.no_update

• callback:PreventUpdate：快捷插入浏览器端回调版本的PreventUpdate

• callback:ctx：快捷插入浏览器端回调版本的dash.ctx

• callback:set_props：快捷插入浏览器端回调版本的set_props()

• callback:triggered：快捷插入浏览器端回调版本的dash.ctx.triggered

• callback:triggered_id：快捷插入浏览器端回调版本的dash.ctx.triggered_id

• callback:inputs_list：快捷插入浏览器端回调版本的dash.ctx.inputs_list

• callback:inputs：快捷插入浏览器端回调版本的dash.ctx.inputs

• callback:states_list：快捷插入浏览器端回调版本的dash.ctx.states_list

• callback:states：快捷插入浏览器端回调版本的dash.ctx.states

• callback:outputs_list：快捷插入浏览器端回调版本的dash.ctx.outputs_list

1.3 快捷 CSS 代码片段

• css>scrollbar：快捷构建兼容各主流浏览器的滚动条美化策略

• css>init-loading：快捷构建dash应用自定义初始加载动画策略

1.4 快捷 JSON 代码片段

• locales：在JSON数据中快捷生成feffery_dash_utils.i18n.Translator对应的本地国际化配置模板