• JSON Schame的介紹
  如果要描述一件物品的詳細(xì)信息，前端通常都喜歡用一個(gè)JSON體來展示這個(gè)物品的詳細(xì)信息。例如我需要買一輛車，具體的描述詳見下方

const myCar = {name: '特斯拉',color: 'red',price: 100,isNew: false // 等等 }

但是如果有很多人來都去一個(gè)廠家買車，那廠家對(duì)于用戶的信息統(tǒng)計(jì)及校驗(yàn)就顯得尤為重要。這時(shí)候所輸入的數(shù)據(jù)格式就得統(tǒng)一掉。JSON Schame是一個(gè)用來描述json數(shù)據(jù)格式。

const schema = {type: 'object',properties: {name: {type: 'string',minLength: 1},color: {type: 'string',minLength: 1},price: {type: 'number',},isNew: {type: 'boolean',}} }

• JSON Schame的使用
  已經(jīng)知道需要用哪些屬性定義這個(gè)汽車了，那如何來進(jìn)行校驗(yàn)?zāi)亍＿@里介紹一個(gè)常用的數(shù)據(jù)格式化工具ajv(環(huán)境node)。

const Ajv = require('ajv'); const ajv = new Ajv(); // 開啟校驗(yàn) const validate = ajv.compile(schema); const isValid = validate(myCar); console.log(isValid) // trueconst valid = ajv.validate(schema, {name: 1,color: 'red',price: 100,isNew: false // 等等 }); if (!valid) console.log(ajv.errors); /* [{keyword: 'type',dataPath: '.name',schemaPath: '#/properties/name/type',params: { type: 'string' },message: 'should be string'} ] */

• schame的基本類型string、number、object、array、boolean、null、自定義
• schame重復(fù)代碼塊如何處理

使用場(chǎng)景

復(fù)雜配置表單校驗(yàn)

數(shù)據(jù)化大屏參數(shù)配置校驗(yàn)

[參考文檔]

• http://json-schema.org/
• https://json-schema.apifox.cn/
• https://ajv.js.org/json-schema.html
• http://www.febeacon.com/ajv-docs-zh-cn/routes/basic/

總結(jié)

以上是生活随笔為你收集整理的JSON Schame的介绍及基本使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。