当前位置: 首页 > 知识库问答 >
问题:

使用Vuex在Vue JS应用程序中存储大型HTTP数据的位置

狄玉书
2023-03-14

我正在用Vue和Python构建一个基本的推特应用程序。我不确定在如何最好地构造表以及在哪里存储从应用编程接口返回的数据方面有什么最佳实践。

我有一张用户、推特和关注者/关注者的表格。从现在开始,登录会发出一个调用以获取用户信息,然后在成功登录后发出另一个HTTP调用以检索所有用户tweet。

我的表目前是这样设置的:
用户:id,用户名,密码,first_name,last_name
推文:id,tweet_text,created_on,author_id(user.id)
关注/关注:id,follower_id,followed_id

我目前发出推文的呼吁,并将所有数据存储在Vuex(状态管理)的数组中,但似乎不太理想?我只显示tweet_text,但现在开始反映名字和姓氏,所以我是否进行另一个超文本传输协议调用并将所有用户存储在本地?

我在网上遇到的关于状态管理和HTTP调用的一切都是针对简单的小请求的。在这种情况下,我不确定对于发出HTTP请求的次数、是否在本地存储数据以及数据存储量的最佳实践是什么。

共有1个答案

符棋
2023-03-14

获取所有的表,并将其存储为对象。您还可以从表中提取所有数据,并使用前端的算法对其进行排序,并将其置于状态中。这听起来更像一个SQL的问题,而不是Vue/Vuex的问题。

您可以使用内部连接来获取所有tweet及其用户,在前端以您喜欢的格式对其进行排序,然后将其保留在状态中。基本上,您只需决定是通过SQL在后端组织,还是通过JavaScript在前端组织。

 类似资料:
  • 在我的Vue应用程序中,我有Vuex存储模块,它们的状态下有大量资源对象。为了方便地访问这些数组中的单个资源,我制作了Vuex getter函数,将资源或资源列表映射到各种键(例如“id”或“标签”)。这导致性能迟缓和巨大的内存占用。如何在没有如此多重复数据的情况下获得相同的功能和反应性?

  • 我有一个带有SSR、Vue Cli、Vuex和Typescript的Vue3项目。 在路由器页面中,我需要将数据提交到Vuex存储。在一个。vue文件我只是使用这个$在vuex中键入的存储。d、 例如: 但是如何从没有this或vue实例的ts文件(router/index.ts)中执行此操作呢。 我尝试导入存储索引文件并提交: 但我犯了个错误 类型“”上不存在属性“提交”()= 存储文件(因为我

  • 本文向大家介绍Android学习之使用SharedPreferences存储应用程序数据,包括了Android学习之使用SharedPreferences存储应用程序数据的使用技巧和注意事项,需要的朋友参考一下 本文介绍了SharedPreferences保存应用程序数据的具体步骤,供大家参考,具体内容如下 1、SharedPreferences的简单介绍 应用程序在运行的时候,可能会随着用户的使

  • 开发企业级移动应用程序(Android/iOS/Web),使用谷歌PLAFORM-AppEngine、云endpoint、云存储、datastore等。 正在关注谷歌在中国被屏蔽的服务: null null 谢谢

  • 为了获得更好的UX,移动应用程序将数据存储在客户端(设备上),以便在加载应用程序时提供即时信息,而不必等待来自互联网的数据,甚至在设备脱机时也可以提供数据。当然,以后会尽可能地更新/提取数据。 我正在构建一个应用程序(在flutter中),它是一个类似应用程序的社交网络/信息提要:有用户、配置文件、提要、帖子等。当用户打开应用程序时,我想显示上次应用程序运行时可用的数据。 我的问题是什么是实现缓存

  • 我第一次使用谷歌云环境,特别是谷歌应用程序引擎和数据存储,当我在本地运行时,一切都很好。我正在通过根据文档设置环境变量GOOGLE\u APPLICATION\u凭据来验证数据存储。但一旦我部署到应用程序引擎,请求总是超时,似乎GetAll方法永远不会返回。以下是我的应用程序代码: 应用程序引擎日志中的错误有以下两行: 顺便说一句,这在我的本地服务器上以闪电般的速度完成,并且我的数据存储中只有一条