在现代前端开发中,使用 JSON Schema(简称 JsonSch)进行 API 规范和前端界面校验已经成为了一个普遍的做法。@adminide-stack/schema 是一个基于 JSON Schema 4 规范实现的 npm 包,它提供了对 JSON Schema 进行快捷操作的方法,使开发者可以轻松生成 JavaScript 对象和 TypeScript 声明,并且支持常见的校验规则,包括字符串、数字、日期等等。
安装
--- ------- ----------------------
使用方式
1. 初始化
------ - ------ - ---- ------------------------- ----- ------ - --- -------- ------ --------- ----- --------- ----------- - ---------- - ----- --------- -- --------- - ----- --------- -- ---- - ----- ---------- -- ------ - ----- --------- -- -- --------- ------------- ------------ ---
2. 生成 JavaScript 对象
----- ---- - - ---------- ------- --------- ------ ---- --- ------ -------------------- -- --- - ----- ------ - ---------------------- -------------------- -- ---- - ----- ------- - --------------------- -
3. 生成 TypeScript 声明
-----------------------------------
生成结果:
--------- ------ - ---------- ------- --------- ------- ----- ------- ------- ------- -
校验规则
字符串
----- ------ - --- -------- ----- --------- ---------- -- ---------- --- -------- -------------- --- -------------------------------------- -- ---- -------------------------------------- -- ----- -----------------------------------
生成结果:
---- ------------ - ---------
数字
----- ------ - --- -------- ----- --------- -------- -- -------- --- --- -------------------------------- -- ---- --------------------------------- -- ----- -----------------------------------
生成结果:
---- ------------ - -------
日期
----- ------ - --- -------- ----- --------- ------- ------- --- ------------------------------------------- -- ---- ------------------------------------------- -- ----- -----------------------------------
生成结果:
---- ---------- - ---- - ---- - ----------
结语
本篇文章介绍了如何使用 @adminide-stack/schema 包生成 JavaScript 对象和 TypeScript 声明,并且介绍了常见的校验规则。@adminide-stack/schema 是一个非常实用的 npm 包,可以帮助开发者快速进行 JSON Schema 校验规范,提高开发效率。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/109299