1. 效果演示
在线体验地址:http://web1024cn.gitee.io/vue-jsonpath-and-xpath/#/
JSONPath和XPath解析
一键复制Path规则
代码校验
2. 需求说明
XPath是一种在一个XML文档中寻址的语言,为XSLT和XPointer而设计。Path的主要目的是在一个XML文档中寻址。支持这个主要目的,它还提供基本功能来操纵字符串、数字和布尔值。
JSONPath为JSON文档提供了解析能力,通过使用JSONPath,你可以方便的查找节点、获取想要的数据,JSONPath是JSON版的XPath。
(注:关于JOSNPath和XPath的语法就不再赘述,需要了解的自行网上搜索)
3.源码下载与使用
本案例是基于Vue2实现的JSONPath和XPath解析工具。
源码地址:
https://gitee.com/web1024cn/vue-jsonpath-and-xpath
克隆项目:
git clone https://gitee.com/web1024cn/vue-jsonpath-and-xpath.git
安装依赖:
npm install
安装依赖过程中容易出现 node-sass
安装失败的问题,如果安装依赖时报错,可以先在本地全局安装 npm i -g node-gyp
。
启动项目:
npm run dev
浏览器中访问 http://localhost:8080/#/
打开项目