Angular:数据重用原则与进行服务器调用
Angular: data reuse priniciples vs making server calls
我正在努力使用 Angular 和 Web Api 找出一些数据重用原则。
让我们举个例子。我正在创建一个 CRUD 表单的管理网站。
Objects: Specializations (parent) Name (string, child of
specialization) Description (string, , child of specialization)
Requirements(collection, child of specialization)
Challenges(collection, child of specialization) ChallengeName (string,
child of Challenges) StartDate(Date, child of Challenges)
Activities(collection, child of Challenges)
在主页上,我将调用 GetAllSpecializations
并列出它们。在此页面上,您可能有 3 个与该专业相关的挑战。
我将select其中一项挑战以获取有关该挑战的详细信息。此时我会查询在初始 GetAllSpecializations
服务调用中创建的客户端对象吗?或者我需要单独调用 GetSpecialization(id)
API 调用。
后者是一种典型的做事方式,但我认为在 CRUD 视图中可能会发生一些数据重用,而无需调用来获取每个视图的所有详细信息。
感谢您对最佳做法的任何说明。
这完全取决于您在初始调用中的数据大小。如果它是静态的,不超过几个 KB,并且您不担心初始响应时间,则可以获取所有记录并将其存储在范围内。
然后你可以根据需要 show/hide 数据。
由于响应数据较少,为每个单独项目调用服务当然会很快,但它会增加服务调用次数,从而增加网络流量。
第一种方法总是好的,尽管它在页面加载上花费的时间稍长,但后续请求会立即得到处理。
我正在努力使用 Angular 和 Web Api 找出一些数据重用原则。
让我们举个例子。我正在创建一个 CRUD 表单的管理网站。
Objects: Specializations (parent) Name (string, child of specialization) Description (string, , child of specialization) Requirements(collection, child of specialization) Challenges(collection, child of specialization) ChallengeName (string, child of Challenges) StartDate(Date, child of Challenges) Activities(collection, child of Challenges)
在主页上,我将调用 GetAllSpecializations
并列出它们。在此页面上,您可能有 3 个与该专业相关的挑战。
我将select其中一项挑战以获取有关该挑战的详细信息。此时我会查询在初始 GetAllSpecializations
服务调用中创建的客户端对象吗?或者我需要单独调用 GetSpecialization(id)
API 调用。
后者是一种典型的做事方式,但我认为在 CRUD 视图中可能会发生一些数据重用,而无需调用来获取每个视图的所有详细信息。
感谢您对最佳做法的任何说明。
这完全取决于您在初始调用中的数据大小。如果它是静态的,不超过几个 KB,并且您不担心初始响应时间,则可以获取所有记录并将其存储在范围内。 然后你可以根据需要 show/hide 数据。
由于响应数据较少,为每个单独项目调用服务当然会很快,但它会增加服务调用次数,从而增加网络流量。
第一种方法总是好的,尽管它在页面加载上花费的时间稍长,但后续请求会立即得到处理。