json-server

json-server教程

1. json-server是什麼
   • json-server是一款模擬數據的工具，它可以使前端開發者利用json文件中的假數據完成增刪改查的一些功能
   • 充當數據庫的json文件要遵循json-server的規則，否則無法使用
   • json-server僅僅是模擬並不能替代真正的數據庫操作
2. json-server如何用
   • 安裝 json-server

       npm i -D json-server
   

   • 啓動 json-server
     • 假設存在user.json

         {
             "users":[
                 {"userid":"1","username":"wdq","userage":"18","useradd":"ba"},
                 {"userid":"2","username":"wdq","userage":"18","useradd":"ba"},
                 {"userid":"3","username":"wdq","userage":"18","useradd":"ba"},
                 {"userid":"4","username":"wdq","userage":"18","useradd":"ba"},
                 {"userid":"5","username":"wdq","userage":"18","useradd":"ba"},
                 {"userid":"6","username":"wdq","userage":"18","useradd":"ba"}
             ]
         }
     

     • 在你的json文件運行以下命令,假設存在user.json

         json-server user.json
     

     • 執行完上面這個命令後，會自動把user.json作爲數據庫 會生成 http://localhost:3000/users 這個地址
3. json-server如何實現增刪改查功能
   • 添加一條記錄：post

     axios.post("http://localhost:3000/users", {"userid":"8","username":"wdq","userage":"18","useradd":"ba"}.then((res) => {
       let {data } = res
         console.log(data)
      })
   

   • 刪除: delete

       axios.delete(`http://localhost:3000/users/1}`).then((res) => {
       })
   
   

   • 修改:
     • patch:局部字段修改
     • put：整體修改
   • 過濾:
     • 過濾查詢和id查詢的區別在於前者有可能匹配很對對象，而後者查到的對象是唯一的
     • GET /posts?title=json-server&author=typicode 會把滿足後面兩個字段的對象都找出來
     • GET /posts?id=1&id=2 找到兩個對象，因爲id是唯一的
   • 排序:
     • GET /posts?_sort=views&_order=asc _sort表示排序的字段 _order表示時升序還是降序
     • GET /posts?_sort=user,views&_order=desc,asc 表示排序的字段是user,views 分別按照desc,asc排序
   • 查詢:
     • slice:截取範圍 根據下標
       • GET /posts?_start=20&_end=30 開始下表是20 結束下標是30之間的數據
       • GET /posts/1/comments?_start=20&_limit=10 表示從下標20開始截取10個內容
     • Operators
       • GET /posts?views_gte=10&views_lte=20 字段views的值大於等於10並且小於等於 20
       • GET /posts?id_ne=1 表示 id不等於 1的內容
       • GET /posts?title_like=server 模糊查詢 表示從title字段中找出包含 server的對象
       • GET /posts?q=internet 表示從數據中找包含internet的對象
   • 分頁：
     • GET /posts?_page=7 _page 表示第幾頁的意思
     • GET /posts?_page=7&_limit=20 _limit 表示一頁多少條
4. json-server 線上無法使用的問題
   • 假數據 無法通過IP地址訪問
   • 解決方案：從服務器端讀取數據
     • 服務器端安裝 json-server

• 假數據 無法通過IP地址訪問
  • 解決方案：從服務器端讀取數據
    • 服務器端安裝 json-server
    • 如圖