简介

一、装置JSON-Serve(InstallJSONServer)

npminstall-gjson-serveryarnglobaladdjson-server

文件的目录结构：

启动json-server

json-server可以间接把一个json文件托管成一个具有全RESTful格调的API,并允许跨域、jsonp、路由订制、数据快照保留等性能的web主机。

json-serve命令参数，习气经常使用help检查命令概略json-server--help

创立db-api.json文件内容如下

{"goods":[{"id":1,"name":"苹果","price":10},{"id":2,"name":"橘子","price":15},{"id":3,"name":"西瓜","price":8},{"id":4,"name":"橘子1","price":15},{"id":5,"name":"橘子2","price":15},{"id":6,"name":"橘子3","price":15},{"id":7,"name":"橘子4","price":15},{"id":8,"name":"橘子5","price":15},{"id":9,"name":"橘子6","price":15}],"shoppingCart":[{"id":3,"name":"西瓜","price":8,"amount":1},{"id":2,"name":"橘子","price":15,"amount":2},{"id":1,"name":"苹果","price":10,"amount":2}],"posts":[{"id":1,"title":"json-server","author":"typicode"}],"comments":[{"id":1,"body":"somecomment","postId":1}],"profile":{"name":"typicode"},"getUserInfo":{"username":"张三","accessToken":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE","refreshToken":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE","roles":["common","admin","edit","update","select","delete"]},"login":{"data":{"username":"张三","accessToken":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE","refreshToken":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE","roles":["common","admin","edit","update","select","delete"]},"code":0,"status":0,"message":"完成"},"token":{"header":{"alg":"HS256","typ":"JWT"},"payload":{"data":{"name":"张三","pwd":"123456"},"iat":1698378188,"exp":1767110399,"aud":"123456","iss":"zhangshan","sub":"123456"}}}

运转json-server

json-server--watchdb-api.jsonjson-server--watchdb-api.json--port8080#创立性能文件config.json，内容如下：{"port":8989,"watch":true,"read-only":false,"no-cors":false,"no-gzip":false}#指定性能文件json-server--ro--watch-cconfig.jsondb-api.json

关上阅读器，输入:显示成果

所有查问

点击/loginobject

{"data":{"username":"张三","accessToken":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE","refreshToken":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjpbeyJuYW1lIjoiaGt6In0seyJwd2QiOiIxMjM0NTYifV0sImlhdCI6MTY5ODM3ODE4OCwiZXhwIjoxNzY3MTEwMzk5LCJhdWQiOiIxMjM0NTYiLCJpc3MiOiJkZWx5Iiwic3ViIjoiMTIzNDU2In0.AXQRLBr7o71C8Uv5BzvcKX5osPkFgOKJwHTGzSvTOgE","roles":["common","admin","edit","update","select","delete"]},"code":0,"status":0,"message":"完成"}

条件查问

[{"id":1,"name":"苹果","price":10},{"id":2,"name":"橘子","price":15},{"id":3,"name":"西瓜","price":8}]

[{"id":1,"name":"苹果","price":10}]

分页查问

自动后盾处置分页参数为：_page第几页，_limit一页多少条。

[{"id":6,"name":"橘子3","price":15},{"id":7,"name":"橘子4","price":15},{"id":8,"name":"橘子5","price":15},{"id":9,"name":"橘子6","price":15}]

排序

参数：_sort设定排序的字段,_order设定排序的形式（自动升序asc,desc）

允许多个字段排序：

恣意切片数据(Slice)

全文检索

可以经过q参数启动全文检索

JSON的作用

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，主要用于传送数据。 JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。 这个字符串看起来有点儿古怪，但是 JavaScript 很容易解释它，而且 JSON 可以表示比名称 / 值对更复杂的结构。 例如，可以表示数组和复杂的对象，而不仅仅是键和值的简单列表。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。 这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成。

json文件是干什么的

json是用来存储简单的数据结构和对象的文件。

json是一种轻量级的数据交换格式，基于ECMAScript（欧洲计算机协会制定的js规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。用于许多Web应用程序来进行数据交换。

数据交换格式就是服务器端与客户端之间进行数据传输与数据交换的格式。前端领域经常提到的两种数据交换格式有JSON、XML，其中XML用的非常少，我们重点要学习的数据交换格式就是JSON。

JSON是Douglas Crockford在2001年开始推广使用的数据格式，在2005年-2006年正式成为主流的数据格式，雅虎和谷歌就在那时候开始广泛地使用JSON格式。

JSON和XML的比较

1、可读性

JSON和XML的可读性可谓不相上下，一边是简易的语法，一边是规范的标签形式，很难分出胜负。

2、可扩展性

XML天生有很好的扩展性，JSON当然也有，没有什么是XML可以扩展而JSON却不能扩展的，不过JSON在Javascript主场作战，可以存储Javascript复合对象，有着xml不可比拟的优势。

3、编码难度

XML有丰富的编码工具，比如Dom4j、Dom、SAX等，JSON也有提供的工具。无工具的情况下，相信熟练的开发人员一样能很快的写出想要的xml文档和JSON字符串，不过，xml文档要多很多结构上的字符。