拓展# FastAPI 如何在 Jupyter 中运行 FastAPI 应用程序 在 Jupyter 中运行 FastAPI 应用程序 使用 Jupyter 内嵌窗口运行 FastAPI 应用程序 Request FastAPI 子应用 挂载 FastAPI 应用程序 顶层 FastAPI 应用程序 子应用 挂载子应用程序 挂载其他 WSGI 组件 FastAPI + Dash FastAPI 之 GraphQL FastAPI:GraphQL + Strawberry 集成 NiceGUI 附加 dash 到 ui NiceGUI NiceGUI 简介 基本概念 动作、事件和任务 实现 运行 NiceGUI 应用 定制 文本组件 ui.label 标签 根据内容改变外观 ui.link 链接 在大型页面上导航 链接到其他页面 从图像和其他元素链接 ui.chat_message 聊天消息 HTML文本 换行 多部分消息 带有子元素的聊天消息 ui.element 通用元素 移动元素 默认属性 默认类 默认样式 ui.markdown Markdown 元素 带有缩进的 Markdown 带有代码块的 Markdown Markdown 表格 更改 Markdown 内容 ui.restructured_text ReStructuredText 带有缩进的 reStructuredText 带有代码块的 reStructuredText 带有表格的 reStructuredText ui.mermaid 处理错误 ui.html HTML 元素 生成内联元素 控件 按钮 图标 等待按钮点击 使用上下文管理器禁用按钮 自定义切换按钮 徽章 切换按钮 单选按钮 选项 下拉选择 边输入边搜索 多选 更新选项 复选框 开关 滑块 限制事件的触发频率,包括首尾事件选项 禁用滑块 操纵杆 输入 自动完成 clearable 风格 输入验证 文本区域 clearable 数字输入 clearable 小数点后位数 QKnob 颜色输入 Color Picker 日期 带日期选择器的输入元素 日期过滤 时间 文件上传 限制上传 显示内容 音视频元素 图像 本地文件 Base64字符串 PIL 图像 Lottie文件 图像链接 强制重新加载 字幕和叠加层 可交互图像 嵌套元素 强制重新加载 空白画布 加载完成事件 十字准线 音频 控制音频元素 视频 控制视频元素 图标 材料图标和符号 Eva 图标 其他图标集 Lottie 文件 头像 照片 SVG 数据 代码 JSON 编辑器 运行方法 编辑器 日志视图 附加日志 树 自定义树冠和树干 编程式的展开和折叠 带有复选框的树 转轮 折线图 Matplotlib 绘图 Plotly 图表 字典接口 更新图 plotly 事件 线性进度条 环形进度条 嵌套元素 3D 场景 处理点击事件 可拖曳对象 渲染点云 等待场景初始化 ECharts 图表 可点击的点 动态属性 EChart 元素 运行方法 任意图表事件 Highcharts 图表 外部依赖 可拖曳点 Leaflet 地图 想更改地图样式 添加标记 移到标记 矢量图层 禁用平移和缩放 在地图上绘制 运行地图方法 运行地图图层 等待初始化 表格 具有可展开行的表格 显示和隐藏列 带有下拉选择的表格 从Pandas DataFrame创建表格 添加行 自定义排序和格式化 切换全屏 分页 处理分页变化 计算字段 条件格式化 表格单元格中的链接 类似砖石布局的表格 AG Grid 选择AG Grid行 使用迷你过滤器过滤行 AG Grid带有条件单元格格式化 从Pandas DataFrame创建网格 将列渲染为HTML 响应AG Grid事件 AG Grid中使用复杂对象 AG Grid中使用动态行高 运行行方法 过滤返回值 绑定 绑定属性 绑定到字典 绑定到变量 绑定到存储 布局 自动上下文 ui.card 卡片 无阴影卡片 嵌套边框问题 ui.column 列元素 Masonry 或 Pinterest 风格布局 ui.row 行元素 ui.grid 网格元素 自定义网格布局 跨越多列的单元格 ui.list 列表 列表项、分区和标签 清除容器 ui.expansion 扩展元素 带有自定义表头的扩展 带有自定义副标题的扩展 带有分组的扩展 ui.ui.scroll_area 滚动区域 处理滚动事件 设置滚动位置 ui.separator 分隔符 ui.space 空间 垂直空间 ui.splitter 分隔器 高级用法 图片乐趣 标签页 名称、标签、图标 通过编程切换标签页 带有分隔符的垂直标签页 分步器 动态分步器 时间轴 轮播图 分页 菜单 上下文菜单 工具提示 工具提示方法 工具提示中的HTML 工具提示中的其他内容 HTML 和 Markdown 上的工具提示 通知 在屏幕上显示一个通知。 通知类型 多行通知 通知元素 对话框 可等待的对话框 替换内容 外观 样式设计 尝试样式化 NiceGUI 元素! CSS 配置 Tailwind CSS Tailwind CSS 层 查询选择器 设置背景渐变 修改默认页面内边距 ui.colors 颜色主题 CSS 变量 覆盖 Tailwind 的默认样式 ui.dark_mode 深色模式 ui.add_style 向页面添加样式定义 使用 SCSS 定义样式 使用 SASS 动作和事件 计时器 激活、停用和取消计时器 在延迟后调用函数 键盘 UI 更新 可刷新的 UI 函数 带参数的可刷新 UI 用于输入验证的可刷新 UI 带有响应式状态的可刷新 UI 异步事件处理器 通用事件 指定事件属性 修饰符 自定义事件 纯 JavaScript 事件 运行 CPU 密集型任务 运行 I/O 密集型任务 运行 JavaScript 运行异步 JavaScript 事件 关闭 NiceGUI 存储 统计页面访问次数 存储 UI 状态 分页 ui.page 具有路径参数的页面 等待客户端连接 使用 APIRouter 模块化 自动索引页面 页面布局 参数注入 页面标题 ui.navigate 导航函数 ui.navigate.to ui.download 下载 从内存中下载原始字节 添加静态文件目录 添加媒体文件目录 向页面添加 HTML API响应 配置 URLs ui.run Emoji favicon Base64 favicon SVG favicon 自定义欢迎消息 原生模式 环境变量 部署 服务器托管 安装包 NiceGUI On Air PyWebIO flet Dash Dash 简介 安装 Dash 布局 Dash 小例子 Dash html 样式 Dash 可重复使用的组件 Dash 可视化组件 Dash Markdown Dash 核心组件 总结 Dash 核心组件 dcc.Graph Plotly 图形库入门 Plotly Express(Dash) 使用带 go.Figure 的低级别接口(Dash) 使用带字典和列表的低级别接口(Dash) 交互式图形与回调 图形调整和响应性 如何调整效果(高级) Graph 属性 dcc.Interval dcc.Interval 属性 dcc.Link dcc.Location dcc.RangeSlider 简单例子 标记和步长 dcc.Slider dcc.Store 存储 Clicks 在回调之间共享数据 Storage 的限制 检索初始存储数据 dcc.Store 属性 dcc.Tabs 方法 1. 内容作为回调 方法 2. 内容作为选项卡子项 样式化选项卡组件 使用 CSS 类 使用内联样式 Dash 回调指南 Dash 回调与交互 Dash 简单的交互 Dash Figure 和 Slider 交互 Dash 多输入的回调 Dash 多输出的回调 Dash 链式回调 带状态的 Dash 应用 小结 后台回调 简单的后台回调 示例 2:在回调运行期间禁用按钮 示例 3:可取消的回调 示例 4:进度条 示例 5:进度条图表 为什么使用任务队列? Dash 在回调之间共享数据 Dash 为什么要共享状态? Dash 是无状态的 为什么 global 变量会破坏您的应用程序(Dash) Dash 回调之间共享数据 示例1 使用 dcc.Store 在浏览器中存储数据 示例2 Dash 前期聚合计算 示例3 Dash 缓存和信号 示例4 Dash 服务器上基于用户的会话数据 高级回调 使用 PreventUpdate 捕获错误 使用 dash.no_update 显示错误 确定使用 dash.callback_context 触发了哪个输入 通过 memoization 提高性能 何时执行回调? 首次加载 Dash 应用程序时 用户交互的直接结果 用户交互的间接结果 将 Dash 组件添加到 layout 时 阻止在初始组件渲染时执行回调 循环回调 将 Slider 与 Text Input 同步的示例 显示两个具有不同单位的输入示例 同步两个清单 客户端回调 一个简单的例子 使用 Plotly Express 生成 figure 模式匹配回调 ALL 的简单例子 MATCH 的简单示例 ALLSMALLER 的简单示例 Todo App 长时回调 简单例子 在回调运行时禁用按钮 可取消回调 进度条 进度条形图 Celery/Redis 缓存结果 回调 Gotchas 回调要求其 Inputs,States 和 Output出现在布局中 回调要求在页面上呈现所有 Inputs 和 States 组件/属性对只能是一个回调的Output 必须在服务器启动之前定义所有回调 布局中的所有 Dash Core 组件都应使用回调注册 回调定义不需要在列表中 高级教程 交互式可视化 悬停更新图 通用交叉过滤食谱 当前的局限性 性能 记忆化 Graphs 客户端回调 实时更新 dcc.Interval 页面加载更新 添加 CSS 和 JS 以覆盖页面加载模板 添加自定义 CSS 和 JavaScript 示例:包含本地 CSS 和 JavaScript 添加外部 CSS / JavaScript 自定义 Dash 的文件或浏览器标签标题 根据 URL 或选项卡动态更新文档标题 定制或删除 Dash 的"Updating..."消息 自定义 Dash 的 HTML index 模板 Option 1 - index_string Option 2 - interpolate_index 使用请求钩子定制 dash-renderer 定制 Meta 标记 多页面应用程序和 URL 支持 Dash Pages 示例:使用 Pages 的简单多页面应用 layout dash.register_page Dash 页面注册表顺序 默认和自定义 404 可变路径 单变量路径 示例 - 两个路径变量以及更新标题和描述 查询字符串 示例 - 单个查询字符串参数 示例 - 两个查询字符串参数 重定向 单个文件中的多页应用 页面路由的额外输入 示例 1:更新页面的语言内容 示例 2:在 URL 哈希中序列化应用状态 VTK VTK 简介 View Representation DataSource 渲染 几何渲染 体积渲染 数据结构 ImageData PolyData Fields 点云数据 Dash 产品化 部署 Dash 应用 Heroku 免费分享公共 Dash 应用程序 步骤1:为你的项目创建一个新的文件夹 步骤2:使用 git 和 conda 初始化项目 步骤3:用一个示例 app (app.py)、一个 .gitignore 文件、requirements.txt 和一个用于部署的 Procfile 初始化这个文件夹 步骤四:初始化 Heroku,将文件添加到 Git 中,然后部署 步骤五:更新代码并重新部署 Waitress 用法 Heroku FAQs dash.exceptions.DependencyException: Error loading dependency. “plotly” is not a registered library. Gradio Gradio 简介 streamlit Streamlit 部署 无 SSO 认证 ai-stream