微信搜索superit|邀请体验:大数据, 数据管理、OLAP分析与可视化平台 | 赞助作者:赞助作者

mock 服务器快速搭建

我的操作 aide_941 8℃

 

 

 

---------1-----------
mkdir mock-server && cd mock-server
npm init -y
npm install express cors mockjs
npm install --save-dev nodemon

---------2-----------
vim package.json

"scripts": {
  "dev": "nodemon app.js"
}

--------3------------
vim app.js

const express = require('express');
const cors = require('cors');
const app = express();

app.use(cors());
app.use(express.json());

const doctorRoutes = require('./routes/doctor');
app.use('/api/doctor', doctorRoutes);

const PORT = 3001;
app.listen(PORT, () => {
  console.log(Mock server running at http://localhost:${PORT});
});

--------4----------
vim routes/doctor.js

// routes/doctor.js
const express = require('express');
const router = express.Router();
const doctorData = require('../mock/doctorData');

// 获取分页列表
router.get('/list', (req, res) => {
  const data = doctorData.getDoctorList(req.query);
  res.json(data);
});

// 添加医生(模拟成功)
router.post('/add', (req, res) => {
  res.json({ code: 0, message: '添加成功' });
});

// 编辑医生
router.post('/edit', (req, res) => {
  res.json({ code: 0, message: '编辑成功' });
});

// 删除医生
router.post('/delete', (req, res) => {
  res.json({ code: 0, message: '删除成功' });
});

module.exports = router;

--------5--------
vim mock/doctorData.js

// mock/doctorData.js
const Mock = require('mockjs');

function getDoctorList(query) {
  const total = 66;
  const page = parseInt(query.page) || 1;
  const pageSize = parseInt(query.pageSize) || 10;

  const list = Mock.mock({
    [data|${pageSize}]: [
      {
        id: '@id',
        name: '@cname',
        mobile: /^1[3-9]\d{9}$/,
        department: '@word(5)',
        status: '@pick(["在职", "离职"])'
      }
    ]
  });

  return {
    code: 0,
    data: list.data,
    total,
    page,
    pageSize
  };
}

module.exports = {
  getDoctorList
};

----6----
npm run dev

访问接口: 
GET /api/doctor/list?page=1&pageSize=10 
POST /api/doctor/add 
POST /api/doctor/edit 
POST /api/doctor/delete

https://juejin.cn/post/7503477345267204134

------------------json-server-------------------

npm i -g json-server

npm config ls

prefix: E:\nodejs\node_global add to ENV PATH

json-server --watch article.json --port 3000

 

 

 

使用步骤(node)
1、安装:npm install mockjs
2、导入:var Mock = require(‘mockjs’)
3、使用:var data = Mock.mock({…})
4、mockjs语法规范

5、数据模板的定义规范

6、数据占位符定义规范

常用的占位符:
1.随机字符串
(类型 , 位数)
@string(lower,10)
lower : 小写字母
upper : 大写字母
number : 数字
2.随机int
(下限 , 上限)
@integer(60, 100)
3.随机boolean
@boolean
4.随机float/double
(下限 , 上限)
@float(60, 100)
5.随机日期(yyyy-mm-dd)
@date
6.随机时间(hh:mm:ss)
@time
7.随机日期+时间(yyyy-mm-dd hh:mm:ss)
@datetime
8.当前日期+时间(yyyy-mm-dd hh:mm:ss)
@now
9.随机图片占位符 ,会生成一个图片链接
@image(200×100)
10.随机颜色(#79f2ac)
@color
11.长文本(英文)
@paragraph
12.长文本(中文)
@cparagraph
13.常用特殊格式
@url 链接
@domain 域名
@email 邮箱
@ip IP
@region 地区(华东,华南….)
@province 省
@city 市
@county 县
@zip 邮编
@guid 随机GUID
@id 随机ID(Long)
7、如何使用mock来模拟接口(node)

8、前端请求接口(react)

————————————————

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/daigua0/article/details/143373122

转载请注明:SuperIT » mock 服务器快速搭建

喜欢 (0)or分享 (0)