首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Dash:跨页面具有相同数据的多页面应用程序

Dash:跨页面具有相同数据的多页面应用程序
EN

Stack Overflow用户
提问于 2020-09-14 17:37:59
回答 2查看 2.8K关注 0票数 1

我将按照dash文档中的指导创建多页应用程序:https://dash.plotly.com/urls

我的问题是,数据总共在四个数据帧中,我的应用程序中的三个页面中的每个页面都使用其中的一个以上的数据帧来可视化内容。我尽量避免每次调用其中一个页面时都重新加载数据帧。这个是可能的吗?多么?

目前,我正在尝试首先使用index.py中的函数加载df,然后加载其他页面:

代码语言:javascript
运行
AI代码解释
复制
df_fz, df_md, df_auf, df_mat = get_dfs()
from apps import app1, app2, app3

[...]

@app.callback(Output('page-content', 'children'),
              [Input('url', 'pathname')])
def display_page(pathname):
    if pathname == '/app1':
        return app1.layout
    elif pathname == '/app2':
        return app2.layout
    else:
        return app3.layout

到app3的每个app1都使用数据帧,就好像它们是在其脚本的顶部加载的一样,但是这段代码原样抛出了一个错误,因为没有定义df。app3可能的样子的最小示例:

代码语言:javascript
运行
AI代码解释
复制
layout = html.Div([
    html.H3('App 3'),
    dcc.Dropdown(
        id='app-3-dropdown',
        options=[
            {'label': 'App 3 - {}'.format(i), 'value': i} for i in [df_fz.Value]
        ]
    ),
    html.Div(id='app-3-display-value'),
])

@app.callback(
    Output('app-3-display-value', 'children'),
    [Input('app-3-dropdown', 'value')])
def display_value(value):
    return 'You have selected "{}" but in App 3'.format(value)
EN

回答 2

Stack Overflow用户

发布于 2020-09-22 17:26:55

试着将你的数据帧放在一个数据集文件夹中,并将它们连接到每个应用程序页面中。如下所示:

代码语言:javascript
运行
AI代码解释
复制
PATH = pathlib.Path(__file__).parent
DATA_PATH = PATH.joinpath("../datasets").resolve()
df = pd.read_csv(DATA_PATH.joinpath("mydata.csv"))

以下是如何使用Dash创建多页面应用程序的教程:

https://youtu.be/RMBSQ6leonU

票数 1
EN

Stack Overflow用户

发布于 2021-01-20 03:49:06

如果您使用https://dash.plotly.com/urls中的以下文件结构-

代码语言:javascript
运行
AI代码解释
复制
- app.py
- index.py
- apps
   |-- __init__.py
   |-- app1.py
   |-- app2.py

尝试使用这种方法读取'app.py‘文件中的数据帧。由于“app1.py”、“app2.py”、“app3.py”中的每一个都使用这些数据帧,因此请在这些文件中导入df,即在“app1.py”代码中导入df:

代码语言:javascript
运行
AI代码解释
复制
from app import app

from app import df_fz, df_md, df_auf, df_mat

其他文件也是如此。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63889259

复制
相关文章
03.Python Dash网页开发:多页面网站制作
需求:写一个多网页的网站,包括header、footer、菜单包括主页home、博客blog(外部链接到博客)、about(自我介绍页面)
生信探索
2023/02/14
1.3K0
Dash应用页面整体布局技巧
大家好我是费老师,对于刚上手dash应用开发的新手朋友来说,如何进行合理且美观的页面整体布局构建是一道“难题”。今天的文章中,我就将为大家介绍有关dash应用页面布局的一些实用技巧,并附上几个可以直接套用的dash应用经典页面模板,话不多说,let's go🚀
Feffery
2023/07/10
6680
Dash应用页面整体布局技巧
前端的单页面模式和多页面模式
  这就引出了本篇博客的目的,一起来谈谈:项目前端部分的构建方式以及数据共享方式。
Lansonli
2021/10/09
1.6K0
(数据科学学习手札119)Python+Dash快速web应用开发——多页面应用
   这是我的系列教程Python+Dash快速web应用开发的第十六期,在过往所有的教程及案例中,我们所搭建的Dash应用的访问地址都是单一的,是个单页面应用,即我们所有的功能都排布在同一个url之下。
Feffery
2021/05/07
1.4K0
(数据科学学习手札119)Python+Dash快速web应用开发——多页面应用
将多页面框架中的 index 页面改成单页面应用框架
本文基于“基于create-react-app构建多页面应用框架”项目框架,将其中的 index 页面改成单页面应用框架。
lqmeta
2020/07/05
1.9K0
将多页面框架中的 index 页面改成单页面应用框架
React多页面应用3(webpack4 多页面实现)
本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)---2018.04.04 2、React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等)---2018.04.08 3、React多页面应用3(webpack4 多页面实现)---2018.04.09 4、React多页面应用4(webpack4 提取第三方包及公共组件)---2018
前端人人
2018/04/11
1.2K0
React多页面应用3(webpack4 多页面实现)
跨页面通讯的几种方式
你经常会遇到需要跨标签共享信息的情况,那么本文就跟大家一起回顾下web端有哪些方式可以实现这样的需求。
RobinsonZhang
2018/08/28
1.4K0
React多页面跳转[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/139226.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/02
1.6K0
vue单页面和多页面的区别
SPA单页面应用(SinglePage Web Application) ,指只有一个主页面的应用(一个html页面),一开始只需要加载一次js、css的相关资源。所有内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅仅刷新局部资源。
程序狗
2021/12/16
1.6K0
webpack 多页面配置
注意 弃用 npm run build & npm run dev & npm run dll 改成 box build & box dev & box dll link npm link 将 box 命令链接到全局 本章内容 使用 改造为脚手架 多页面配置 使用 box build # 不加参数则会编译所有页面,并清空 distbox dev # 默认编译 index 页面 参数 # index2 是指定编译的页面。不会清空 dist# report 开启打包分析box build index2 -
青梅煮码
2023/03/13
9180
webpack多页面配置
webpack.common.js const webpack = require("webpack"); const path = require('path'); const glob = require('glob'); const HtmlWebpackPlugin = require('html-webpack-plugin'); // html引擎 const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const Ht
蓓蕾心晴
2019/08/20
1K0
干货 | 小程序多页面接口数据缓存
小程序里面多个页面,有时候会需要用到同一个接口的数据。而这些数据全局来说只需要拉取一遍,如果要存到缓存,要怎么保证其他页面取缓存的时候,数据已经拉取回来了呢?
腾讯NEXT学位
2019/05/16
1.1K0
React多页面应用4(webpack自动化生成多入口页面)
本教程总共7篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1.React多页面应用1(webpack开发环境搭建,包括Babel、热更新等) ----2017.12.28 2.React多页面应用2(处理CSS及图片,引入postCSS及图片处理等)----2017.12.29 3.React多页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React多页面应用4(webpack自动化生成多入口页面)----201
前端人人
2018/04/11
1.8K1
React多页面应用4(webpack自动化生成多入口页面)
VUE跨页面传值的精妙
作为后端开发者,也不得不学点前端知识。众所周知,以前开发者只要掌握HTML、CSS、JavaScript 三驾马车就能胜任一份Web前端的工作。而在技术日新月异的现在,Vue, React,Angular在代替旧的前端框架已经是大势所趋了。
程序大视界
2020/07/21
3.7K0
VUE跨页面传值的精妙
React多页面应用1
1.React多页面应用1(webpack开发环境搭建,包括Babel、热更新等) ----2017.12.28 2.React多页面应用2(处理CSS及图片,引入postCSS及图片处理等)----2017.12.29 3.React多页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React多页面应用4(webpack自动化生成多入口页面)----2017.12.31 5.React多页面应用5(webpack生产环境配置,包括压缩js代码,图片转码
企鹅号小编
2018/01/19
1.3K0
React多页面应用1
ViewFlipper实现多页面切换
1、屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面;一个个性化设置页面。 2、介绍ViewFilpper类 ViewFlipper extends ViewAnimator java.lang.Object    ↳ android.view.View    ↳ android.view.ViewGroup    ↳ android.widget.FrameLayout    ↳ android.wi
xiangzhihong
2018/01/26
1.5K0
小程序跨页面函数调用
此处注意一点:在export函数后面不要加逗号!虽然是在小程序里面,但是这是js文件,且不在page和component函数里面。
肥晨
2023/02/16
5K0
Python+Dash快速web应用开发——页面布局篇
❝本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes ❞ 1 简介 这是我的系列教程「Python+Dash快速web应用开发」的第二期,在上一期中,我带领大家认识了什么是Dash,Dash可以做什么,以及Dash中最基本的一些概念,而今天开始,我将开始带领大家正式学习有关Dash的实用知识,以及各种奇淫巧技😋~ 图1 今天的文章,我将带大家学习Dash中「页面布局」的先进方法,通过今天的文章,你将学会以非常简单
派大星的数据屋
2022/04/03
4.5K0
Python+Dash快速web应用开发——页面布局篇
Webpack实现多页面打包
单页面在开发时会把所有的业务放在一个大的入口里面去,不同的子业务还是同一个URL地址,只不过后面的hash会有所不同。
越陌度阡
2023/01/09
1.2K0
Webpack实现多页面打包
单页面应用(SPA)和多页面应用(MPA)区别
    Web应用开发是现在很多地方应用,以前的CS的客户端开发,虽然也有,不过很少有人做了。对于BS开发也慢慢的多出来很多不同的技术和样式。前后端分离、单页面应用、微服务、容器等。常有朋友问我单页面和多页面有什么区别,我刚开始没有注意过这个问题,后来慢慢开发和在网上收集了一下资料,大体明白这个问题。刚开始用的SSH(Spring+Struts2+Hibernate)框架和SSM(Spring+Struts2+mybatis)框架的时候,所有的页面跳转都通过后台渲染跳转,所有的处理和逻辑都在服务器上,服务器压力很大,这种前后端在一起的时候,基本上是多页面应用。后来出现的springMVC、springboot实现了前后端分离,单页面应用也经常会配合着一起使用,同时开发人员也可以做前端的只关心前台,做后端的只关心后台。只要前后端对接好要开发的接口json数据,基本上就不会影响两端的问题。
十分钟空间
2022/08/17
3.2K0

相似问题

跨页面重用相同组件(具有相同属性)的最佳方法

136

创建多模态相同页面

13

Dash应用程序:在多页应用程序中阻止刷新页面

127

JSP:跨页面使用相同的Java对象

13

jQuery移动:具有不同数据的相同页面-urls

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档