问题：

如何完全脱机使用Plotly/Dash（Python）？

闾丘玮

2023-03-14

使用Dash 0.22.0和Python 2.7.12。在下面的示例中，Ploly是3.1.0，但未使用。

我正在尝试创建一个最小的应用程序，应该完全脱机工作。

我没有从远程加载dash_html_components/bundle.js，dash_renderer/bundle.js，react.min.js和react-dom.min.js，而是将其本地副本放在<代码>/资产/js。我想告诉Dash只使用这些文件的本地副本。

我读资产档案

# -*- coding: utf-8 -*-    
import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()

# default values
app.config.assets_folder = 'assets'     # The path to the assets folder.
app.config.include_asset_files = True   # Include the files in the asset folder
app.config.assets_external_path = ""    # The external prefix if serve_locally == False
app.config.assets_url_path = '/assets'  # the local url prefix ie `/assets/*.js`

app.layout = html.Div(
    [html.H1("this is a test")]
)

if __name__ == '__main__':
    app.run_server(debug=True)

HTML来源：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>Dash</title>

        <link rel="stylesheet" href="/assets/css/materialize.css">
        <link rel="stylesheet" href="/assets/css/materialize.min.css">
        <link rel="stylesheet" href="/assets/material-icons/material-icons.css">
    </head>
    <body>

    <div id="react-entry-point">
        <div class="_dash-loading">
            Loading...
        </div>
    </div>

    <footer>
         <script id="_dash-config" type="application/json"<{"requests_pathname_prefix": "/", "url_base_pathname": "/"}</script>
         <script src="https://unpkg.com/react@15.4.2/dist/react.min.js"></script>
         <script src="https://unpkg.com/react-dom@15.4.2/dist/react-dom.min.js"></script>
         <script src="https://unpkg.com/dash-html-components@0.11.0/dash_html_components/bundle.js"></script>
         <script src="/assets/js/dash_html_components_0.11.0/bundle.js"></script>
         <script src="/assets/js/react_15.4.2/react-dom.min.js"></script>
         <script src="/assets/js/react_15.4.2/react.min.js"></script>
         <script src="/assets/js/dash_renderer_0.13.0/bundle.js"></script>
         <script src="/assets/js/materialize_1.0.0.rc2/materialize.js"></script>
         <script src="/assets/js/materialize_1.0.0.rc2/materialize.min.js"></script>
         <script src="/assets/material-icons/iconjar-map.js"></script>
         <script src="https://unpkg.com/dash-renderer@0.13.0/dash_renderer/bundle.js"></script>
        </footer>
    </body>
</html>

如您所见，我的本地js文件是从/assets加载的，但它一直从加载相同的文件https://unpkg.com/...

有没有办法避免这种情况？

共有1个答案

养研

2023-03-14

看起来我错过了一个更简单的解决方案。如果有人也想这么做，我就把它放在这里。

不要在/中包含dash库的本地副本（dash_html_components/bundle.js，dash_renderer/bundle.js，react.min.js和react-dom.min.js）资产。

仅对与Dash和React无关的js和css文件使用/assets。在我的例子中，materialize.js，iconjar map.js及其各自的CSS。

改为添加：

app.css.config.serve_locally = True
app.scripts.config.serve_locally = True

我会成功的。

代码现在是：

# -*- coding: utf-8 -*-
import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()

# default values
app.css.config.serve_locally = True
app.scripts.config.serve_locally = True
app.config.assets_folder = 'assets'     # The path to the assets folder.
app.config.include_asset_files = True   # Include the files in the asset folder
app.config.assets_external_path = ""    # The external prefix if serve_locally == False
app.config.assets_url_path = '/assets'  # the local url prefix ie `/assets/*.js`

app.layout = html.Div(
    [ html.H1("This is a test")]
)

if __name__ == '__main__':
    app.run_server(debug=True)

以及生成的html：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>Dash</title>

        <link rel="stylesheet" href="/assets/css/materialize.min.css">
        <link rel="stylesheet" href="/assets/material-icons/material-icons.css">
    </head>
    <body>

        <div id="react-entry-point">
            <div class="_dash-loading">
                Loading...
            </div>
        </div>

        <footer>
            <script id="_dash-config" type="application/json">{"requests_pathname_prefix": "/", "url_base_pathname": "/"}</script>
            <script src="/_dash-component-suites/dash_renderer/react@15.4.2.min.js?v=0.13.0"></script>
            <script src="/_dash-component-suites/dash_renderer/react-dom@15.4.2.min.js?v=0.13.0"></script>
            <script src="/_dash-component-suites/dash_html_components/bundle.js?v=0.11.0"></script>
            <script src="/assets/js/materialize_1.0.0.rc2/materialize.min.js"></script>
            <script src="/assets/material-icons/iconjar-map.js"></script>
            <script src="/_dash-component-suites/dash_renderer/bundle.js?v=0.13.0"></script>
        </footer>
    </body>
</html>

类似资料：

如何完全脱机安装android studio

我需要在许多个人电脑上安装android studio。有没有办法安装android studio最新版本离线下载所有离线文件只一次？大多数电脑运行的是Windows8.1/8/7。
Plotly Dash：如何使用Dash引导组件设计布局？

我对达什·普洛特利非常陌生，我正在努力弄清楚如何设计这样的布局。布局：据我所知，使用dash引导组件可以更轻松地完成这项工作。https://dash-bootstrap-components.opensource.faculty.ai 作为第一步，我应该复制布局（灰色瓷砖），作为第二步，我应该添加一些文本和一些图形。只是基本的。非常感谢。
Plotly/Dash：如何使行索引唯一？

目标：散点图中的选定点（使用套索工具）应在数据表中突出显示。如果可能的话，使用dash JS回调，但是任何其他的解决方案都会非常感激。问题：行索引不是唯一的，但它们在每个类别（跟踪）中重复。因此，如果突出显示散点图左上角的3个最大点。只有2行而不是3行高亮显示。这两个中只有一个是正确的。请通过将悬停在绘图点上的标签与数据表中的信息进行比较来检查这一点。问题/解决方案：如何使数据表的行索引唯一？
如何设置Android Studio以完全脱机工作？

无法从文件级别-1.6-bin.zip加载插件描述符那么，我还需要下载哪些文件，以及如何正确安装它们才能与Android Studio脱机工作？
如何使用CLI使Jenkins主节点脱机？

问题内容：每当我同步开发数据库时，我就一直手动将主节点（也是唯一的节点）脱机，以避免发生一系列错误的测试失败。我有一个脚本可以执行完整的数据库导入，并且还希望自动执行节点维护。如何使用命令行界面JAR暂时将主节点标记为脱机？我编写了一个简单的Bash脚本来执行Jenkins任务。我可以使用该脚本进行身份验证。但是，我无法获取或识别主节点。帮助指出，我可以省略“ master”的节点名称，
ORACLE如何将假脱机与动态假脱机位置一起使用

问题内容：好的，所以我对oracle完全满意。现在，这已经不复存在了；我认为您可以了解我在下面尝试做的事情。对于找到的每个存储过程，将DDL输出到具有其名称的文件名。问题是我不知道如何获取假脱机目标来拾取由游标设置的FileName的值。关于我要去哪里错的任何想法吗？如果有人举这个例子，我将不胜感激。我觉得我必须在周围跳舞，因为如果我最初创建一列，我得到一个结果，我似乎无法动态地更改＆

如何完全脱机使用Plotly/Dash（Python）？

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档