结构动态网格组件的最佳方法是什么？

Question

我正在构建一个Angular应用程序，其中大多数数据都显示在网格视图中。我想构建一个可重复使用的动态网格组件，该组件采用Config JSON对象并根据配置数据构建其新实例。

例如：

如果我想实现两个新网格（用户网格和报告网格），每个网格都有不同的行和col。他们俩都使用DynamicGrid组件。

我的问题： 对于性能明智，最好将网格的配置数据存储在数据库中还是将它们作为对象作为对象中的.TS文件中的编码？

类似的内容：

export const gridUserConfig:TableBasicConfig = {
colsLength: 7,
rowsLength: 100,
pagination: true,
rowsPerPage: [5, 10, 15, 50, 100, 200],
defaultRowsPerPage: 10,
style: {
  tableSizeClass: 'p-datatable-sm',
  gridLinesClass: 'p-datatable-gridlines',
  striped: 'p-datatable-striped'
},
header: {
  displayHeader: true,
  title: {
    displayTitle: true,
    text: 'User Grid'
  },
  caption: {
    displayCaption: true
  }
},
footer: {
  displayFooter: false
},
rawData: this.getUsers()

}

tablebasicConfig是指定响应的结构和键的接口。

Answer 1

在这种情况下，仅将数据存储在前端侧是一件好事，因为我们为不同类型的网格保存标准配置。

最好不要拨打不需要的API呼叫，在这里通过将配置放在前端侧，我们可以保存网络请求，并可以更快地为前端提供更好的用户体验。

但是，让我们考虑在某些情况下我们想要对每个网格的用户特定配置进行特定的配置，在这种情况下，将网格配置存储在数据库中总是好的，以便用户可以相应地自定义，我们可以将其保存到我们的数据库中用于将来的参考。

如果您想对此进行更多讨论，请随时发表评论。

谢谢。