成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JSONSERVER接口調(diào)試工具安裝配置

go4it / 2055人閱讀

摘要：安裝安裝環(huán)境一路回車安裝環(huán)境配置編輯注意修改這邊創(chuàng)建測(cè)試數(shù)據(jù)文件內(nèi)容如下啟動(dòng)啟動(dòng)訪問(wèn)瀏覽器打開即可看到剛剛寫的內(nèi)容接口請(qǐng)求獲取所有的用戶信息獲取為的用戶信息獲取的信息獲取單個(gè)的信息獲取到的為的根

安裝jsonserver 安裝環(huán)境 
npm install -g json-server
D:studyvue-studyuser-mange>cd JSONSERVER
D:studyvue-studyuser-mangeJSONSERVER>npm init   #一路回車
D:studyvue-studyuser-mangeJSONSERVER>npm install json-server --save   #安裝
環(huán)境配置 
編輯package.json
{
  "name": "jsonserver",
  "version": "1.0.0",
  "description": "test restful api",
  "main": "index.js",
  "scripts": { 
    "json:server": "json-server --watch db.json"     #注意修改這邊
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "json-server": "^0.14.0"
  }
}
創(chuàng)建測(cè)試數(shù)據(jù) 
- db.json文件內(nèi)容如下：
{
    "users":[
        {
            "name":"wanghui",
            "phone":"13309889812",
            "email":"wanghui@qq.com",
            "id":1,
            "age":18,
            "companyId":1
        },
        {
            "name":"liangjie",
            "phone":"13009889812",
            "email":"liangjie@qq.com",
            "id":2,
            "age":28,
            "companyId":2
        },
        {
            "name":"lijiaojiao",
            "phone":"18009889812",
            "email":"lijiaojiao@qq.com",
            "id":3,
            "age":38,
            "companyId":3
        },
        {
            "name":"shasha",
            "phone":"13309889812",
            "email":"shasha@qq.com",
            "id":4,
            "age":18,
            "companyId":3
        }
    ],
    "companies":[
        {
            "id":1,
            "name":"QQ",
            "description":"QQ is Good"
        },
        {
            "id":2,
            "name":"Baidu",
            "description":"Baidu is Good"
        },
        {
            "id":3,
            "name":"ali",
            "description":"ali is Good"
        }
    ]
}
啟動(dòng)JSONSERVER 
D:studyvue-studyuser-mangeJSONSERVER>npm run json:server   #啟動(dòng)

> jsonserver@1.0.0 json:server D:studyvue-studyuser-mangeJSONSERVER
> json-server --watch db.json


  {^_^}/ hi!

  Loading db.json
  Done

  Resources
  http://localhost:3000/users
  http://localhost:3000/companies

  Home
  http://localhost:3000

  Type s + enter at any time to create a snapshot of the database
  Watching...
訪問(wèn) 
瀏覽器打開http://localhost:3000/ 即可看到剛剛寫的內(nèi)容
PostMan接口請(qǐng)求 獲取所有的用戶信息 
http://localhost:3000/users
獲取id為1的用戶信息 
http://localhost:3000/users/1
獲取companies的信息 
http://localhost:3000/companies
獲取單個(gè)company的信息 
http://localhost:3000/companies/1
獲取到companies的id為3的user 
http://localhost:3000/companies/1/users
根據(jù)公司名字獲取信息 
http://localhost:3000/companies?name=QQ
獲取兩個(gè)名稱的公司信息 
http://localhost:3000/companies?name=QQ&name=Baidu
獲取一頁(yè)當(dāng)中的兩個(gè)數(shù)據(jù)（分頁(yè)） 
http://localhost:3000/companies?_page=1&_limit=2
根據(jù)公司名稱升降序排序 
http://localhost:3000/companies?_sort=name&_order=asc    #升序
http://localhost:3000/companies?_sort=name&_order=desc   #降序
根據(jù)年齡為18和18以上的 
http://localhost:3000/users/?age=18    # age等于18的
http://localhost:3000/users/?age_gte=18  # age大于18的
http://localhost:3000/users/?age_gte=18&age_lte=28  #age大于18小于28的
搜索用戶信息 
http://localhost:3000/users/?q=w          #模糊搜
http://localhost:3000/users/?q=wanghui    #精確搜
POST提交信息（要利用POSTMAN）

注意HEADERS：
[{"key":"Content-Type","value":"application/json","description":""}]

POSTMAN創(chuàng)建用戶提交信息 
{
    "name":"米斯特王",
    "email":"122725501@qq.com",
    "companyId":3
}
DELETE 
DELETE http://localhost:3000/users/5      #刪除id=5的
PATCH更新數(shù)據(jù) 
PATCH http://localhost:3000/users/3
body:
{
    "name":"米斯特王"
}
Remote數(shù)據(jù)接入JSONSERVER 修改配置文件 
{
  "name": "jsonserver",
  "version": "1.0.0",
  "description": "test restful api",
  "main": "index.js",
  "scripts": {
    "json:server": "json-server --watch db.json",
    "json:server:remote":"json-server http://jsonplaceholder.typicode.com/db"   #追加的
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "json-server": "^0.14.0"
  }
}
啟動(dòng)項(xiàng)目 
D:studyvue-studyuser-mangeJSONSERVER>npm run json:server:remote
參考

json-server

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/108174.html

相關(guān)文章

  • 從零開始創(chuàng)建 angularjs-gulp-es5 項(xiàng)目

    摘要：為了動(dòng)態(tài)插入新加的和文件且添加的文件有一定順序，安裝系列包。具體參見(jiàn)至此已經(jīng)可以在本地愉快的開發(fā)了。配置編譯任務(wù)開發(fā)完成以后代碼需要上線，繼續(xù)創(chuàng)建一些。有時(shí)間會(huì)加入校驗(yàn)添加，添加等等。。。 源碼地址：https://github.com/silence717/angular-gulp-seed 創(chuàng)建一個(gè)空文件夾名字任意，此項(xiàng)目為angular-gulp-seed mkdir angu...

    hqman 評(píng)論0 收藏0

  • 從零開始創(chuàng)建 angularjs-gulp-es5 項(xiàng)目

    摘要：為了動(dòng)態(tài)插入新加的和文件且添加的文件有一定順序，安裝系列包。具體參見(jiàn)至此已經(jīng)可以在本地愉快的開發(fā)了。配置編譯任務(wù)開發(fā)完成以后代碼需要上線，繼續(xù)創(chuàng)建一些。有時(shí)間會(huì)加入校驗(yàn)添加，添加等等。。。 源碼地址：https://github.com/silence717/angular-gulp-seed 創(chuàng)建一個(gè)空文件夾名字任意，此項(xiàng)目為angular-gulp-seed mkdir angu...

    hedzr 評(píng)論0 收藏0

  • 頂級(jí)測(cè)試框架Jest指南：跑通一個(gè)完美的程序，就是教出一群像樣的學(xué)生

    摘要：課堂互動(dòng)回調(diào)函數(shù)中運(yùn)行測(cè)試，調(diào)動(dòng)孩子們的課堂積極性。函數(shù)，隨時(shí)記錄函數(shù)運(yùn)行狀態(tài)測(cè)試同步返回值異步返回值，就像是上課，這只是老師的本份。她平時(shí)混跡在普通學(xué)生之中，或者說(shuō)，她就是一名再普通不過(guò)的學(xué)生。而最新的技術(shù)棧正在全面采用測(cè)試框架。 facebook三大項(xiàng)目：yarn jest metro，有橫掃宇宙之勢(shì)。 而jest項(xiàng)目的宗旨為：減少測(cè)試一個(gè)項(xiàng)目所花費(fèi)的時(shí)間成本和認(rèn)知成本。 ——其實(shí)...

    ysl_unh 評(píng)論0 收藏0

  • 急速JavaScript全棧教程

    摘要：使用訪問(wèn)后端服務(wù)使用的美化組件的方法整合全棧服務(wù)其中的指的是。所幸是在這個(gè)教程內(nèi)，你不需要學(xué)習(xí)太多就可以把案例跑起來(lái)。另外一個(gè)組件負(fù)責(zé)顯示全部項(xiàng)目，并接受刪除事件，刪除指定的項(xiàng)目。它們分別是組件和組件這兩個(gè)組件的代碼實(shí)現(xiàn)，分別在文件和內(nèi)。 自從一年前發(fā)布了Vuejs小書的電子書，也有些日子沒(méi)有碰過(guò)它們了，現(xiàn)在因?yàn)轫?xiàng)目的緣故，需要使用JavaScript全棧開發(fā)。所以，我得把這個(gè)全棧環(huán)境...

    xingqiba 評(píng)論0 收藏0

  • 急速JavaScript全棧教程

    摘要：使用訪問(wèn)后端服務(wù)使用的美化組件的方法整合全棧服務(wù)其中的指的是。所幸是在這個(gè)教程內(nèi)，你不需要學(xué)習(xí)太多就可以把案例跑起來(lái)。另外一個(gè)組件負(fù)責(zé)顯示全部項(xiàng)目，并接受刪除事件，刪除指定的項(xiàng)目。它們分別是組件和組件這兩個(gè)組件的代碼實(shí)現(xiàn)，分別在文件和內(nèi)。 自從一年前發(fā)布了Vuejs小書的電子書，也有些日子沒(méi)有碰過(guò)它們了，現(xiàn)在因?yàn)轫?xiàng)目的緣故，需要使用JavaScript全棧開發(fā)。所以，我得把這個(gè)全棧環(huán)境...

    騫諱護(hù) 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<