基于Vue实现JSONPath和XPath的解析

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/#/ 打开项目