[JavaScript/JQuery] 你还在等后台给你接口？高级前端都在用这个！【精】

现在已经是9102年了，Nodejs的天下，你还要依赖Java,Php,Go,Python,C#后台语言给你们提供RESTFul接口么，你就甘心拜在它们的脚下行走？不甘心的同鞋跟老哥走着。

这里Lake给大家介绍一个款好用的工具，那就是json-server，目前在github上热度上是这样子的

用一个表情来表示敬佩一个这样的项目

言归正传

接下来看看怎么使用

环境准备

1. $ node --version
2. v8.7.0
3. $ npm --version
4. 5.6.0

入坑篇(1)

初始化项目

1. mkdir test
2. cd test
3. npm init #请码哥们自己一路回车到世界末日
4. npm install json-server --save

创建一个db.json文件，里面保存你们的老婆列表

1. {
2. "girl-friends": [
3. { "id": 1, "username": "西施"}
4. ]
5. }

开始造老婆

1. json-server --watch db.json

列出你们的老婆 【查】

1. curl localhost:3000/girl-friends
2. [
3. {
4. "id": 1,
5. "username": "西施"
6. }
7. ]

PS : ( 你以为我就那么一个功能么？哼 )
加老婆功能,用POST方法【增】

1. curl -X POST \
2. http://localhost:3000/girl-friends \
3. -H 'content-type: application/json' \
4. -d '{
5. "username":"凤姐"
6. }'

再列出你们的老婆，哈哈，凤姐入赘【查】

1. curl localhost:3000/girl-friends
2. [
3. {
4. "id": 1,
5. "username": "西施"
6. },
7. {
8. "id": 2,
9. "username": "凤姐"
10. }
11. ]

跟老婆离婚（用DELETE方法,URL参数主要参数为ID编号）【删】

1. curl -X DELETE \
2. http://localhost:3000/girl-friends/1

剩下一个老婆太丑了,给她整一下容（用PUT方法）【改】

1. curl -X PUT \
2. http://localhost:3000/girl-friends/2 \
3. -H 'content-type: application/json' \
4. -d '{
5. "username":"表姐"
6. }'

写在最后：

学习从来不是一个人的事情，要有个相互监督的伙伴，工作需要学习前端或者为了入行、转行学习前端的伙伴可以进企鹅群一起来学习哦！