我有一个应用程序,客户端存储在数据库中,客户端的数量是可变的,目前我有 2 个百,但我可能有 200 万个。此外,我还有一个 Web 服务,用于查询此数据库并公开一个端点。为了显示这些客户端,我有一个简单的 Vue 应用程序,它显示一个表单,一次填充一个客户端,下一个和上一个按钮来获取更多客户端。
关键是,将客户端从我的数据库获取到 Vue 的最佳方法是什么:
- 我应该从数据库中获取所有客户端并将它们存储在 vuex 中吗?使用此选项,下一个和上一个按钮只需从存储的数组中获取一个或另一个索引。 我
- 应该只获取我正在显示的当前客户端并将其存储在 vuex 中吗?使用此选项,下一个和上一个按钮调用请求下一个或上一个客户端的终结点。
- 也许应该在 vuex 中加载和存储 n 个客户端?使用此选项,下一个和上一个按钮搜索数组中的客户端,如果索引超出范围,则应调用请求 n 个下一个或上一个客户端的端点,并将它们存储在 vuex 数组中。
谢谢
块加载将是一种理想的情况,用户无需在单击"下一步"时等待客户端加载完成即可查看下一个客户端,也不会因大量未使用的客户端详细信息而使浏览器存储膨胀。
稍微修改的块加载方法是在加载特定客户端详细信息时始终获取下一个和上一个客户端详细信息,以便用户在转到下一个客户端时无需等待网络调用完成。
例如,在获取客户端 2 时 - 获取 1,3。 当用户单击"下一步"直接从应用商店中呈现第 3 个客户端详细信息时,但在后台获取客户端 4,以便下一次和上次单击是平滑的。