数据mock和node.js的安装与下载

软件生存周期:

可行性分析(技术可行性,经济可行性,社会可行性,法律法规可行性)

需求分析(原型图--产品经理)

概要设计(UML图(ER图时序图系统架构图))

详情设计(数据库设计技术选型(项目讨论会(需求文档)))

编码(开发前端后端)测试(前后联调--->测试人员测试(禅道))

运行维护(运维---云端运维(私有云服务器和公有云服务器)

 mock数据

mock数据其实就是模拟对应的数据接口(在后端接口没出来之前能独立开发)(当前后端接口出来以后进行前后端联调(swagger生成接口文档))

mock数据的方式:

使用mock.js来进行数据mock(自己书写)

http://mockjs.com/

使用第三方mock平台(fastmock apipost apimock...)

第三方mock平台其实内核也是mock.js

第三方数据mock:

fastmock官网

登录进去: 

创建对应的项目接口: 

 接口创建好然后保存

mock.js的文档操作 

{
  "code": "0000",
  "data": {
    "userInfo": {
      "username": "zhangsan",
      "userId": 1,
      "avator": "http://www.xxx.com/upload/xxx.png",
      "token": "e10adc3949ba59abbe56e057f20f883e"
    }
  },
  "desc": "成功"
}

{
  "code": "0000",
  "data": {
    "pageNo": 1,
    "totalRecord": 1000,
    "pageSize": 10,
    "list": [{
      "name": "iphone xs",
      "title": "产品a",
      "descript": "这个产品是干什么的",
      "price": 100
    },{
      "name": "ipad mini4",
      "title": "产品b",
      "descript": "这个产品是干什么的",
      "price": 120
    },{
      "name": "macbook pro",
      "title": "产品a",
      "descript": "这个产品是干什么的",
      "price": 10
    }]
  },
  "desc": "成功"
}

简易的接口:

{
  "string|1-10": "=", // 随机生成1到10个等号
  "string2|3": "=", // 随机生成2个或者三个等号
  "number|+1": 0, // 从0开始自增
  "number2|1-00.1-3": 1, // 生成一个小数,小数点前面1到10,小数点后1到3位
  "boolean": "@boolean( 1, 2, true )", // 生成boolean值 三个参数,1表示第三个参数true出现的概率,2表示false出现的概率
  "name": "@cname", // 随机生成中文姓名
  "firstname": "@cfirst", // 随机生成中文姓
  "int": "@integer(1, 10)", // 随机生成1-10的整数
  "float": "@float(1,2,3,4)", // 随机生成浮点数,四个参数分别为,整数部分的最大最小值和小数部分的最大最小值
  "range": "@range(1,100,10)", // 随机生成整数数组,三个参数为,最大最小值和加的步长
  "natural": "@natural(60, 100)", // 随机生成自然数(大于零的数)
  "email": "@email", // 邮箱
  "ip": "@ip" ,// ip
  "datatime": "@date('yy-MM-dd hh:mm:ss')" // 随机生成指定格式的时间
  // ......
}

创建成功:

测试创建的接口: 

 Node的json-server:

node是一个用于服务端的js库,也就是说你使用在服务端(类似于后台语言(python))

使用过程:

node -v         //用来执行js文件

npm -v        //用于管理所有的第三方库(包管理器) 

 如果对应的下载是解压版需要配置对应的环境变量(path路径下

 2.借助node安装对应的json-server包

npm i json-server -g        //安装对应的json-server 全局安装

使用json-server命令启动相关服务(依赖json文件来启动服务)以vscode来启动对应的服务对应的vscode需要以管理员身份运行需要执行一个指令(不然json-server无法使用

set-ExecutionPolicy RemoteSigned

启动json-server:

准备json文件

{
  "users": [
    {
      "id": "1",
      "name": "jack",
      "age": "18"
    },
    {
      "name": "lidan",
      "age": "30",
      "id": "2"
    }
}

打开终端

json-server -w 文件名

 结果如图所示,那么你的node就安装成功了

对应接口的说明

get请求:

localhost:3000/users/1 #访问id为1的对象
//?为条件查询
localhost:3000/users?id=1 #访问条件为id=1的内容(数组)
localhost:3000/users?age=18 #访问条件为age=18的内容(数组)
//分页查询
http://localhost:3000/users?_limit=1?_page=1  //查询第一个页面显示的两个数据

post请求:

localhost:3000/users  //添加一个用户返回对应添加的用        (post请求是在body中每次请求都会增加一个id)

delete请求:

localhost:3000/users/1         //删除id为1的用户返回的是一个{}

put和patch请求:

localhost:3000/users/1         //修改id为1的用户返回的是你修改完的对像

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值