前后端分离之数据模拟

一、restful api
rest，Representational State Transfer，“表现层状态转化”。
什么是restful架构？
1、每一个uri代表一种资源；
2、客户端和服务器之间，传递这种资源的某种表现层；
3、客户端通过四个http动词，对服务器端资源进行操作，实现"表现层状态转化"。
4、get用来获取资源，post用来新建资源（也可以用于更新资源），put用来更新资源，delete用来删除资源。

HTTP协议就是属于restful架构设计的api。比如，无状态，请求-响应。

二、模拟数据方案

1、使用json-server和faker.js模拟REST API。

2、学习mockjs

自动生成随机数据，以方便前端同学在开发阶段测试功能，不用依赖后端同学的输出。

三、mockjs安装

cnpm i -D mockjs

四、使用
以下js写法遵循commonjs规范，可以结合webpack开发应用。

var Mock = require('mockjs');
var data = Mock.mock('./data.json',{
  // 属性list的值是一个数组，其中含有1到10个元素
  'list|1-10': [{
    // 属性id是一个自增数，起始值为1，每次增1
    'id|+1': 1,
    'name': '@NAME',
    'email': '@EMAIL',
    'intro': '@cparagraph'
  }]
});
// 输出结果
console.log(JSON.stringify(data, null, 4));

转载于:https://www.cnblogs.com/camille666/p/frontend_backend_separate_data_simulation.html