json-server增删改查

前端开发中,接口多半是滞后于页面开发的,这时候就需要我们自己来模拟一些数据:

首先安装node.js(简单。不再演示)

1.全局安装json-server:

npm install json-server -g或cnpm install json-server -g

没装淘宝镜像的用npm安装

2.开始配置

    1.新建一个test文件,在test里新建一个db.json文件(此文件用来放虚拟数据),在db.json中写入以下数据↓↓↓↓↓↓

测试数据

    2.打开命令行,进入test文件下,输入命令:json-server db.json -p 3000

成功

3.操作数据

1.查询数据

        上一步成功后直接在浏览器打开localhost:3000/testData就可以查看数据了:

直接通过地址查看数据

get:新建一个html文件,为了测试方便,引入一个在线jq地址,然后写个get请求

get获取

在console中查看get拿到的数据

        POST:在页面中写个添加按钮,类名为add,点击add触发post添加id为3的新数据

post

新增一条数据

        PUT:在页面中写个修改按钮,类名为change,点击change触发put修改id为2的数据

修改数据

数据修改成功

        DELETE:在页面中写个删除按钮,类名为delete,点击delete删除id为3的数据

删除请求

删除成功

好了,增删改查全部成功,接下来对操作进行简化及优化

在test文件下新建package.json文件(这样做是用来简化启动server服务的步骤)

package.json中写入以上代码

这样,直接在命令行输入npm run server就OK了 不用每次启动都输入一长串的json-server********

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Jackson0714

Java环境变量配置

1913
来自专栏Jackson0714

Java环境变量配置

3538
来自专栏木宛城主

Hyper-V 怎样拷贝文件至虚拟硬盘并附加到虚拟机上

对于大文件来说,通过远程桌面拷贝是件麻烦的事情,虽然简单,但速度受限太多,不推荐使用。 我工作中对于大文件的拷贝,通过创建一个新的虚拟硬盘(VHD),再把大...

3279
来自专栏白驹过隙

Redis - 常用命令操作

3116
来自专栏Laoqi's Linux运维专列

安装PHP7

PHP 7 安装 : 其实安装PHP7的步骤和安装php5完全一样。 下载安装 cd /usr/local/src/ wget http://cn2.php....

6556
来自专栏jojo的技术小屋

原 模块化编程之require.js

作者:汪娇娇 日期:2016.5.4 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,...

2915
来自专栏JetpropelledSnake

Linux学习笔记之CentOS6.9 防火墙的关闭以及开启

有的时候,我们需要对系统的防火墙进行操作,今天小编就给大家讲解一下如何开启以及关闭CentOS6.9系统下的防火墙。

921
来自专栏电光石火

如何安装python

下载自己需要的python版本https://www.python.org/downloads/ 下载好了python安装包后双击python安装包,...

2175
来自专栏尾尾部落

手把手教你在centos7中安装mysql数据库

CentOS 7 版本将MySQL数据库软件从默认的程序列表中移除,用mariadb代替了。 所以要安装mysql有两种方法,一种是直接安装mariadb,另...

2234
来自专栏Python

django2源码安装xadmin过程中遇到模块缺少,如No module named 'crispy_forms'等问题解决办法

我在最近的django开发过程中遇到一些问题,就是我在github上下载xadmin源码包之后,然后setings之中也进行了配置,出现了如下问题

1122

扫码关注云+社区

领取腾讯云代金券