zoukankan      html  css  js  c++  java
  • json-server-----》基本使用

    【WangQi】---json-server---基本使用

     

    一、前后端并行开发的痛点

      前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑

    二、解决方法

      在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock
     
    三、json-server的基本使用
      
      (1)、全局安装
      cnpm install json-server -g
     
      (2)、准备json文件 (data.json)
      json-server data.json
     
    四、基本使用
      
      1、GET 请求所有数据
     
        localhost:3000/list
     
      2、GET 请求指定ID的数据
          
         localhost:3000/list/1
     
      3、GET 请求指定字段值的数据
          
        localhost:3000/list?name=李四&name=张三
      
      4、GET 模糊查询
          
        localhost:3000/list?q=张三
     
                

      5、新增数据

      

          axios({
                  method:"post",
                  url:"http://localhost:3000/list",
                  data:{
                      username:"张三",
                      password:"33"
                  }
              })

               

       6、删除数据

          

            axios({
                    method:"delete",
                    url:"http://localhost:3000/list",
                    data:{
                        username:"张三",
                    }
                })

                

       7、修改数据

        

            axios({
                    method:"put",
                    url:"http://localhost:3000/list",
                    data:{
                        username:"张三",
                    }
               })

                

                

  • 相关阅读:
    [题解] [NOIP2008] 双栈排序——关系的冲突至图论解法
    [搬运] [贪心]NOIP2011 观光公交
    [总结] 最短路径数问题
    [持续更新]一些zyys的题的集合
    [教程]Ubuntu下完整配置自动壁纸切换
    在NOILINUX下的简易VIM配置
    [模板]ST表浅析
    21、Android--RecyclerView
    20、Android--GridView
    19、Android--ListView
  • 原文地址:https://www.cnblogs.com/wangqi2019/p/10616650.html
Copyright © 2011-2022 走看看