文章目录
视频讲解:
Dash 应用程序使用 CSS 和 JavaScript 在 Web 浏览器中呈现。在页面加载时,Dash 提供一个小的 HTML 模板,其中包含对呈现应用程序所需的 CSS 和 JavaScript 的引用。本章涵盖了有关配置此 HTML 文件以及在 Dash 应用程序中包含外部 CSS 和 JavaScript 所需了解的所有内容。
一、将自己的 CSS 和 JavaScript 添加到 Dash 应用程序
在 Dash 应用程序中包含自定义 CSS 或 JavaScript 很简单。
只需在您的应用程序目录的根目录中创建一个assets
文件夹,并将您的 CSS
和 JavaScript
文件包含在该文件夹中。Dash 将自动提供包含在此文件夹中的所有文件。默认情况下,请求资产的 url 将是/assets
,但您可以在dash.Dash
使用assets_url_path
参数自定义它。
重要提示:对于这些示例,您需要包含__name__在 Dash 构造函数中。
也就是说,