wl-mapper:一个js对象映射类,尝试解决前后端分离大量字段名不对应问题

wl-mapper是一个JavaScript映射类,旨在解决前后端分离时字段名不一致的问题。它支持单变量、对象字段和数组字段的映射,简化了接口字段对应关系的处理。在开发过程中,由于文档不全、后端字段更改等原因,手动映射变得困难,wl-mapper提供了解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

wl-mapper

在前后端分离的开发环境下,前后端并行开始时势必会产生双方定义字段完全不统一的问题。
比较规范的公司会在代码开发前先进行前后端详细设计文档的编写和评审,但是一方面实行此流程的公司不多又繁琐,一方面后端也不保证写好文档后在后续的开发中就一定不再更改字段名。
在笔者的开发过程中此问题尤为突出:
1. 编写文档耗时耗力,且不为开发重视,敷衍了事
2. 开发周期实在太短,测试的时间都被优化掉何谈文档
3. 文档评审完毕入库之后,在实际开发中后台仍会根据需求更换字段
4. 接口繁多,字段量着实巨大
笔者大多时候只能在后台接口开发完毕后,手动去对应后台字段与前端变量的映射,但是问题明显,一个是数据量大,一个是后台修改之后如果不通知前端,则前端逻辑将无法运行得出正确结果。

wl-mapper是一个js映射类,即尝试解决前后台接口大量字段的对应关系

目前支持简单的单变量映射、对象字段映射、数组字段映射
1. 简单映射
映射对象中的一个字段
2. 对象字段映射
映射对象中传入的指定字段集
3. 数组字段映射
数组的情况大多是获取列表时,此时前端通常使用空数组接收因此无法建立常规意义上的映射,因此是对返回数据进行处理然后形成新的数组内容
注意:函数并不返回某个处理后的数据而是返回当前类

文档

constructor(src, source, merge_keys, is_arr) 实例化时接收四个参数,分别是:
1. src: Object 前端声明的变量对象
2. source: [Object, Array] 后台返回的实体
3. merge_keys: Array 指定将source中的key直接复制到src对象,来映射前端不太会提前声明的各种数据库ids
4. is_arr: Boolean 表示source是否为数组

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值