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

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

但是如果有很多人來都去一個廠家買車，那廠家對于用戶的信息統計及校驗就顯得尤為重要。這時候所輸入的數據格式就得統一掉。JSON Schame是一個用來描述json數據格式。

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

• JSON Schame的使用
  已經知道需要用哪些屬性定義這個汽車了，那如何來進行校驗呢。這里介紹一個常用的數據格式化工具ajv(環境node)。

const Ajv = require('ajv'); const ajv = new Ajv(); // 開啟校驗 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重復代碼塊如何處理

使用場景

復雜配置表單校驗

數據化大屏參數配置校驗

[參考文檔]

• 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/

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。