后端接口数据未给到，前端如何开发（前后端数据映射）

首先思考一个问题，如标题所言，如何低成本的实现开发。

如下图设计稿（弹窗暂不考虑）

分析下问题，动态展示的只有数据列表展示，

我以vue为例，根据页面展示需求，按照理想状况下设计数据结构，代码截图如下

 细节忽略，显示展示效果如下

等到后端api接口给到，把后端返回需要展示的数据映射到前端数据中，具体代码截图如下

后端接口返回的数据结构如下图

这是我目前开发情况