JSON结构编辑器实现
1.开发背景:对于没有一定专业背景的普通用户而言,难以对一个复杂的JSON数据结构进行编辑和修改
。此次开发旨在将JSON结构通过图像化方式展现出来,并提供增加删除、上移下移和修改键名和值的功能,从而降低用户的使用门槛。
2.开发过程:项目使用vue2开发,针对于每种数据类型(布尔、数值、字符串、对象、数组等)分别编写对应的子组件,不同子组件间公共的变量交给vuex进行管理,再通过组件递归的方式实现JSON结构编辑器
3.开发结果:本次开发的目的是替换原有文本形式JSON编辑器,部署现场后极大地提高了用户和其他同事的开发效率,得到了一致好评。