背景
最近做了一个c端的模块,由于当时上线时间比较赶,可编辑的内容是直接写死的。后续抽出了一点时间对模块进行改造,用schema将可编辑内容挖出来,实现模块的复用。
什么是Json Schema?
json是目前应用非常广泛的数据交换格式,既然是用于数据交换格式,就一定存在数据交换的双方,所以Json Schema就是用来定义json数据约束的一个标准,保证数据交换的正确性。
示例
上面的例子是一套简单的schema的用法,把字符串变成了可编辑的内容。对于复杂的循环内容可以写array,通过数组下标来使用。填好mock数据之后,会出现在this.props上,可以解构一下直接使用。
拓展
当然这只是最简单的schema,如果用到了图片可以添加“widget”,如果用到了array可以使用minLegth和maxLength关键字来限制字符串的长度,这两个关键字的值必须为负数。关于array的schema,如果大家不会写规范可以偷个懒,写好json后直接用生成器在线生成schema,再去使用就好了。