做数学题网站,wordpress 归档链接,媒体这些渠道进行采集的是,wordpress rss导入零、文章目录
json-server详解
1、简介
Json-server 是一个零代码快速搭建本地 RESTful API 的工具。它使用 JSON 文件作为数据源#xff0c;并提供了一组简单的路由和端点#xff0c;可以模拟后端服务器的行为。github地址#xff1a;https://github.com/typicode/json-…零、文章目录
json-server详解
1、简介
Json-server 是一个零代码快速搭建本地 RESTful API 的工具。它使用 JSON 文件作为数据源并提供了一组简单的路由和端点可以模拟后端服务器的行为。github地址https://github.com/typicode/json-servernpm地址https://www.npmjs.com/package/json-server
2、安装
json-server是基于npm安装的安装了node就自动安装了npm所以安装json-server需要先安装nodenode相关知识请参考node入门npm相关知识请参考npm入门。安装json-server使用npm或yarn全局安装json-server。
npm install -g json-server验证安装是否成功显示版本号就是安装成功了
json-server -v3、快速使用
创建JSON文件创建一个JSON文件作为数据源例如 db.json并在其中定义你想要模拟的数据例如
{users: [{ id: 1, name: John },{ id: 2, name: Jane }]
}启动json-server使用以下命令启动json-server并将JSON文件作为参数传递给服务器。这将在本地计算机的3000端口上启动服务器并将db.json文件中的数据暴露为RESTful API。
json-server --watch db.json使用API可以使用Web浏览器或任何HTTP客户端程序如Postman来访问json-server提供的的数据。例如以下URL将检索JSON文件中的所有用户
http://localhost:3000/users4、参数说明
语法json-server [options] source
参数简写说明默认值–config-c指定配置文件路径json-server.json–port-p指定端口3000–host-H指定主机名localhost–watch-w监控文件变化–routes-r指定路由文件路径–middlewares-m指定中间件文件路径–static-s指定静态文件文件夹路径–read-only–ro指定只允许get请求–no-cors–nc禁止跨域共享–no-gzip–ng禁止gzip压缩–snapshots-S指定快照目录.–delay-d指定延迟返回时长(ms)–id-i指定数据库的ID属性id–foreignKeySuffix–fks指定外键前缀Id–quiet-q抑制来自输出的日志消息–help-h显示帮助–version-v显示版本号
1创建json数据
在空文件夹test下执行命令
json-server --watch db.json文件夹下就会生成一个默认内容的db.json文件
{posts: [{id: 1,title: json-server,author: typicode}],comments: [{id: 1,body: some comment,postId: 1}],profile: {name: typicode}
}访问地址http://localhost:3000/会展示如下页面可以分别点击/posts /comment /profile 链接能看到各自的json数据。http://localhost:3000/db链接能访问到完整的数据。 2修改端口
json-server 默认是 3000 端口我们也可以自己指定端口指令如下
json-server --watch db.json --port 88873使用配置文件
通过命令行配置会让命令变的很长而且容易敲错json-server允许我们把所有的配置放到一个配置文件中这个配置文件一般命名为json_sever_config.json
{port: 8887, watch: true,read-only: false, no-cors: false, no-gzip: false
}然后启动服务命令如下
json-server -c json_sever_config.json db.json4静态服务器
可以配置静态服务器./static是静态文件路径里面放一张图片test.jpg服务启动后直接在浏览器输入http://localhost:3000/test.jpg就能访问到这张图片
json-server -s ./static db.json5、增删改查
1准备数据
我们准本一个测试数据db.json这是15篇文章内容数据注意数据格式要符合JSON格式如果数据格式有误命令窗口会报错可以根据错误提示进行修整。启动服务json-server --watch db.json
{articles: [{userId: 1,id: 1,title: sunt aut facere repellat provident occaecati excepturi optio reprehenderit,body: quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto},{userId: 1,id: 2,title: qui est esse,body: est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis\nqui aperiam non debitis possimus qui neque nisi nulla},{userId: 1,id: 3,title: ea molestias quasi exercitationem repellat qui ipsa sit aut,body: et iusto sed quo iure\nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur\nmolestiae porro eius odio et labore et velit aut},{userId: 2,id: 11,title: et ea vero quia laudantium autem,body: delectus reiciendis molestiae occaecati non minima eveniet qui voluptatibus\naccusamus in eum beatae sit\nvel qui neque voluptates ut commodi qui incidunt\nut animi commodi},{userId: 2,id: 12,title: in quibusdam tempore odit est dolorem,body: itaque id aut magnam\npraesentium quia et ea odit et ea voluptas et\nsapiente quia nihil amet occaecati quia id voluptatem\nincidunt ea est distinctio odio},{userId: 2,id: 13,title: dolorum ut in voluptas mollitia et saepe quo animi,body: aut dicta possimus sint mollitia voluptas commodi quo doloremque\niste corrupti reiciendis voluptatem eius rerum\nsit cumque quod eligendi laborum minima\nperferendis recusandae assumenda consectetur porro architecto ipsum ipsam},{userId: 3,id: 21,title: asperiores ea ipsam voluptatibus modi minima quia sint,body: repellat aliquid praesentium dolorem quo\nsed totam minus non itaque\nnihil labore molestiae sunt dolor eveniet hic recusandae veniam\ntempora et tenetur expedita sunt},{userId: 3,id: 22,title: dolor sint quo a velit explicabo quia nam,body: eos qui et ipsum ipsam suscipit aut\nsed omnis non odio\nexpedita earum mollitia molestiae aut atque rem suscipit\nnam impedit esse},{userId: 3,id: 23,title: maxime id vitae nihil numquam,body: veritatis unde neque eligendi\nquae quod architecto quo neque vitae\nest illo sit tempora doloremque fugit quod\net et vel beatae sequi ullam sed tenetur perspiciatis},{userId: 4,id: 31,title: ullam ut quidem id aut vel consequuntur,body: debitis eius sed quibusdam non quis consectetur vitae\nimpedit ut qui consequatur sed aut in\nquidem sit nostrum et maiores adipisci atque\nquaerat voluptatem adipisci repudiandae},{userId: 4,id: 32,title: doloremque illum aliquid sunt,body: deserunt eos nobis asperiores et hic\nest debitis repellat molestiae optio\nnihil ratione ut eos beatae quibusdam distinctio maiores\nearum voluptates et aut adipisci ea maiores voluptas maxime},{userId: 4,id: 33,title: qui explicabo molestiae dolorem,body: rerum ut et numquam laborum odit est sit\nid qui sint in\nquasi tenetur tempore aperiam et quaerat qui in\nrerum officiis sequi cumque quod},{userId: 5,id: 41,title: non est facere,body: molestias id nostrum\nexcepturi molestiae dolore omnis repellendus quaerat saepe\nconsectetur iste quaerat tenetur asperiores accusamus ex ut\nnam quidem est ducimus sunt debitis saepe},{userId: 5,id: 42,title: commodi ullam sint et excepturi error explicabo praesentium voluptas,body: odio fugit voluptatum ducimus earum autem est incidunt voluptatem\nodit reiciendis aliquam sunt sequi nulla dolorem\nnon facere repellendus voluptates quia\nratione harum vitae ut},{userId: 5,id: 43,title: eligendi iste nostrum consequuntur adipisci praesentium sit beatae perferendis,body: similique fugit est\nillum et dolorum harum et voluptate eaque quidem\nexercitationem quos nam commodi possimus cum odio nihil nulla\ndolorum exercitationem magnam ex et a et distinctio debitis}]
}2获取全部数据
获取所有文章内容返回对象数组
http://localhost:3000/articles3过滤条件
根据id获取数据返回单个对象
http://localhost:3000/articles/1{userId: 1,id: 1,title: sunt aut facere repellat provident occaecati excepturi optio reprehenderit,body: quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto
}还可以用url参数写法返回对象数组
http://localhost:3000/articles?id1[{userId: 1,id: 1,title: sunt aut facere repellat provident occaecati excepturi optio reprehenderit,body: quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto}
]也可以指定多个条件用符号连接返回对象数组
http://localhost:3000/articles?userId1id1[{userId: 1,id: 1,title: sunt aut facere repellat provident occaecati excepturi optio reprehenderit,body: quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto}
]用_gte _lte 来设置一个字段的取值范围。包含开头和结尾。
http://localhost:3000/articles?id_gte1id_lte12[{userId: 1,id: 1,title: sunt aut facere repellat provident occaecati excepturi optio reprehenderit,body: quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto},{userId: 1,id: 2,title: qui est esse,body: est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis\nqui aperiam non debitis possimus qui neque nisi nulla},{userId: 1,id: 3,title: ea molestias quasi exercitationem repellat qui ipsa sit aut,body: et iusto sed quo iure\nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur\nmolestiae porro eius odio et labore et velit aut},{userId: 2,id: 11,title: et ea vero quia laudantium autem,body: delectus reiciendis molestiae occaecati non minima eveniet qui voluptatibus\naccusamus in eum beatae sit\nvel qui neque voluptates ut commodi qui incidunt\nut animi commodi},{userId: 2,id: 12,title: in quibusdam tempore odit est dolorem,body: itaque id aut magnam\npraesentium quia et ea odit et ea voluptas et\nsapiente quia nihil amet occaecati quia id voluptatem\nincidunt ea est distinctio odio}
]用_ne来设置不包含某个值。
http://localhost:3000/articles?id_ne1id_ne2[{userId: 1,id: 3,title: ea molestias quasi exercitationem repellat qui ipsa sit aut,body: et iusto sed quo iure\nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur\nmolestiae porro eius odio et labore et velit aut},{userId: 2,id: 11,title: et ea vero quia laudantium autem,body: delectus reiciendis molestiae occaecati non minima eveniet qui voluptatibus\naccusamus in eum beatae sit\nvel qui neque voluptates ut commodi qui incidunt\nut animi commodi},{userId: 2,id: 12,title: in quibusdam tempore odit est dolorem,body: itaque id aut magnam\npraesentium quia et ea odit et ea voluptas et\nsapiente quia nihil amet occaecati quia id voluptatem\nincidunt ea est distinctio odio}......
]_start 来指定开始位置 _end 来指定结束位置或者是用_limit来指定从开始位置起往后取几个数据。不包含_start包含_end。
http://localhost:3000/articles?_start2_end5[{userId: 1,id: 3,title: ea molestias quasi exercitationem repellat qui ipsa sit aut,body: et iusto sed quo iure\nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur\nmolestiae porro eius odio et labore et velit aut},{userId: 2,id: 11,title: et ea vero quia laudantium autem,body: delectus reiciendis molestiae occaecati non minima eveniet qui voluptatibus\naccusamus in eum beatae sit\nvel qui neque voluptates ut commodi qui incidunt\nut animi commodi},{userId: 2,id: 12,title: in quibusdam tempore odit est dolorem,body: itaque id aut magnam\npraesentium quia et ea odit et ea voluptas et\nsapiente quia nihil amet occaecati quia id voluptatem\nincidunt ea est distinctio odio}
]用_like来设置模糊匹配某个字段
http://localhost:3000/articles?id_like3[{userId: 1,id: 3,title: ea molestias quasi exercitationem repellat qui ipsa sit aut,body: et iusto sed quo iure\nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur\nmolestiae porro eius odio et labore et velit aut},{userId: 2,id: 13,title: dolorum ut in voluptas mollitia et saepe quo animi,body: aut dicta possimus sint mollitia voluptas commodi quo doloremque\niste corrupti reiciendis voluptatem eius rerum\nsit cumque quod eligendi laborum minima\nperferendis recusandae assumenda consectetur porro architecto ipsum ipsam},{userId: 3,id: 23,title: maxime id vitae nihil numquam,body: veritatis unde neque eligendi\nquae quod architecto quo neque vitae\nest illo sit tempora doloremque fugit quod\net et vel beatae sequi ullam sed tenetur perspiciatis},{userId: 4,id: 31,title: ullam ut quidem id aut vel consequuntur,body: debitis eius sed quibusdam non quis consectetur vitae\nimpedit ut qui consequatur sed aut in\nquidem sit nostrum et maiores adipisci atque\nquaerat voluptatem adipisci repudiandae},{userId: 4,id: 32,title: doloremque illum aliquid sunt,body: deserunt eos nobis asperiores et hic\nest debitis repellat molestiae optio\nnihil ratione ut eos beatae quibusdam distinctio maiores\nearum voluptates et aut adipisci ea maiores voluptas maxime},{userId: 4,id: 33,title: qui explicabo molestiae dolorem,body: rerum ut et numquam laborum odit est sit\nid qui sint in\nquasi tenetur tempore aperiam et quaerat qui in\nrerum officiis sequi cumque quod},{userId: 5,id: 43,title: eligendi iste nostrum consequuntur adipisci praesentium sit beatae perferendis,body: similique fugit est\nillum et dolorum harum et voluptate eaque quidem\nexercitationem quos nam commodi possimus cum odio nihil nulla\ndolorum exercitationem magnam ex et a et distinctio debitis}
]用 q 来设置全文搜索
http://localhost:3000/articles?qmaxime[{userId: 3,id: 23,title: maxime id vitae nihil numquam,body: veritatis unde neque eligendi\nquae quod architecto quo neque vitae\nest illo sit tempora doloremque fugit quod\net et vel beatae sequi ullam sed tenetur perspiciatis},{userId: 4,id: 32,title: doloremque illum aliquid sunt,body: deserunt eos nobis asperiores et hic\nest debitis repellat molestiae optio\nnihil ratione ut eos beatae quibusdam distinctio maiores\nearum voluptates et aut adipisci ea maiores voluptas maxime}
]4数据分页
分页采用 _page 来设置页码 _limit 来控制每页显示条数。如果没有指定 _limit 默认每页10条。
http://localhost:3000/articles?_page2_limit3[{userId: 2,id: 11,title: et ea vero quia laudantium autem,body: delectus reiciendis molestiae occaecati non minima eveniet qui voluptatibus\naccusamus in eum beatae sit\nvel qui neque voluptates ut commodi qui incidunt\nut animi commodi},{userId: 2,id: 12,title: in quibusdam tempore odit est dolorem,body: itaque id aut magnam\npraesentium quia et ea odit et ea voluptas et\nsapiente quia nihil amet occaecati quia id voluptatem\nincidunt ea est distinctio odio},{userId: 2,id: 13,title: dolorum ut in voluptas mollitia et saepe quo animi,body: aut dicta possimus sint mollitia voluptas commodi quo doloremque\niste corrupti reiciendis voluptatem eius rerum\nsit cumque quod eligendi laborum minima\nperferendis recusandae assumenda consectetur porro architecto ipsum ipsam}
]5截取数据 6数据排序 _sort 指定要排序的字段 _order 指定正序还是逆序asc | desc 默认是asc
http://localhost:3000/articles?_sortid_orderdesc[{userId: 5,id: 43,title: eligendi iste nostrum consequuntur adipisci praesentium sit beatae perferendis,body: similique fugit est\nillum et dolorum harum et voluptate eaque quidem\nexercitationem quos nam commodi possimus cum odio nihil nulla\ndolorum exercitationem magnam ex et a et distinctio debitis},{userId: 5,id: 42,title: commodi ullam sint et excepturi error explicabo praesentium voluptas,body: odio fugit voluptatum ducimus earum autem est incidunt voluptatem\nodit reiciendis aliquam sunt sequi nulla dolorem\nnon facere repellendus voluptates quia\nratione harum vitae ut},{userId: 5,id: 41,title: non est facere,body: molestias id nostrum\nexcepturi molestiae dolore omnis repellendus quaerat saepe\nconsectetur iste quaerat tenetur asperiores accusamus ex ut\nnam quidem est ducimus sunt debitis saepe},......
]还可以指定多个字段排序先排前面字段前面字段相同的再排第二个字段
http://localhost:3000/articles?_sortuserId,id_orderdesc,asc[{userId: 5,id: 41,title: non est facere,body: molestias id nostrum\nexcepturi molestiae dolore omnis repellendus quaerat saepe\nconsectetur iste quaerat tenetur asperiores accusamus ex ut\nnam quidem est ducimus sunt debitis saepe},{userId: 5,id: 42,title: commodi ullam sint et excepturi error explicabo praesentium voluptas,body: odio fugit voluptatum ducimus earum autem est incidunt voluptatem\nodit reiciendis aliquam sunt sequi nulla dolorem\nnon facere repellendus voluptates quia\nratione harum vitae ut},{userId: 5,id: 43,title: eligendi iste nostrum consequuntur adipisci praesentium sit beatae perferendis,body: similique fugit est\nillum et dolorum harum et voluptate eaque quidem\nexercitationem quos nam commodi possimus cum odio nihil nulla\ndolorum exercitationem magnam ex et a et distinctio debitis},{userId: 4,id: 31,title: ullam ut quidem id aut vel consequuntur,body: debitis eius sed quibusdam non quis consectetur vitae\nimpedit ut qui consequatur sed aut in\nquidem sit nostrum et maiores adipisci atque\nquaerat voluptatem adipisci repudiandae},{userId: 4,id: 32,title: doloremque illum aliquid sunt,body: deserunt eos nobis asperiores et hic\nest debitis repellat molestiae optio\nnihil ratione ut eos beatae quibusdam distinctio maiores\nearum voluptates et aut adipisci ea maiores voluptas maxime},{userId: 4,id: 33,title: qui explicabo molestiae dolorem,body: rerum ut et numquam laborum odit est sit\nid qui sint in\nquasi tenetur tempore aperiam et quaerat qui in\nrerum officiis sequi cumque quod}......
]6添加数据
可以使用api调用工具apifox直接调用返回值是完整的数据对象 也可以使用ajax发起请求
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title添加数据/titlescript srchttps://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js/script
/headbodybutton idadd添加数据/buttonscript//添加数据$(#add).click(function() {$.ajax({type: post,url: http://localhost:3000/articles,data: {userId: 6,id: 51,title: 添加数据,body: 添加数据},success: function(data) {console.log(post success)},error: function() {alert(post error)}})})/script
/body/html7更新数据
接口调试工具 ajax请求
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title更新数据/titlescript srchttps://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js/script
/headbodybutton idupdate更新数据/buttonscript//更新数据$(#update).click(function() {$.ajax({type: put,url: http://localhost:3000/articles/51,data: {userId: 7,title: 更新数据,body: 更新数据},success: function(data) {console.log(put success)},error: function() {alert(put error)}})})/script
/body/html8删除数据
接口调试工具 ajax请求
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title删除数据/titlescript srchttps://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js/script
/headbodybutton iddelete删除数据/buttonscript//删除数据$(#delete).click(function() {$.ajax({type: delete,url: http://localhost:3000/articles/51,dataType: json,success: function(data) {console.log(delete success)},error: function() {alert(delete error)}})})/script
/body/html
