方案1;纯前端实现
前端实现自定义列显示通常会将配置数据储存在前端浏览器中。例如,用户可以选择他们希望在列表中看到的列,这些选择会被保存在前端。
优点:
-开发成本低,只需要前端开发即可完成,无需后端开发人员介入。 -后续列表中增减字段等相关的变动,调整成本都会比较低。
缺点:
-配置数据储存在前端浏览器中,更换浏览器、关闭浏览器或在浏览器清除缓存等行为都可能导致配置数据丢失。 -系统切换账号时,由于账号的安全机制,配置数据可能会被清除,造成用户体验不佳。
方案2;前端+后端实现 (阿里云ECS列表页采用方案)
前后端实现的方法通常会涉及更复杂的数据交互。前端会发送用户的列显示配置到后端,后端会保存这些配置,并在返回数据时根据这些配置过滤数据。
优点:
-配置数据保存在服务器端,用户换浏览器、清除缓存等操作都不会丢失配置。 -可以更好地支持多用户、多设备的场景。
缺点:
-需要前后端配合开发,开发成本相对较高。 -如果后端没有处理好这些配置数据,可能会带来一定的安全风险,如数据泄露等。另外,也可能会增加后端的负担,影响性能。
自定义列表页,行记录的显示列,更新动作: