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
    • 如图
    •