关于javascript:用Vue开发了一个假数据工具-????‍❤️‍????‍????前后端分离必看

内容摘要

1. 性能展现.
2. 开发中应用的插件.

前后端拆散

因为vue/react的遍及, 当初的开发模式都变成的前后端拆散, 前端开发初期就须要假数据(数据结构).

自己前端, 每次开发都苦恼于下面的需要, 所以做了上面的小工具(基于Vue).

无脑一键假数据, 总共分2步

在线预览, https://xin_zhong_xin.gitee.io/be-mock/#/mock

第一步, 输出任意JSON

轻易输出JSON(JSON和JS对象均反对), 点击确定.

第二步, 循环次数

对数组类型的字段, 设置一下要生成多少条.

留神: 对于数据的内容BMOCK会自动识别, 比方电话/邮箱等, 这些都不必设置, 如有非凡需要可点击设置进一步放大范畴.

开发分享, 应用的插件有哪些?

开发中应用3个第三方插件, 十分给力, 分享一下:

mockjs

生成随机数据

import mockjs from 'mockjs';
// 生成手机号
mockjs.Random.phone();

file-saver

保留文本内容到文件

import { saveAs } from 'file-saver';
const blob = new Blob(['你好'], {
    type: 'text/plain;charset=utf-8',
});
saveAs(blob, `1.mock.json`);

dayjs

工夫格式化

dayjs().format('YYYY-MM-DD HH-mm-ss');
// 2021-01-01 10:10:10

any-rule

对字符串内容的判断, 都通过any-rule的数据库实现.
https://github.com/any86/any-…

前期布局

1. 当初只能保留为json文件离线应用, 下一个版本实现在线假数据结构, 更傻瓜化.
2. 退出文档性能, 反对导入导出.

退出咱们

如果你也喜爱这个工具(基于vue+iview), 那退出咱们把, 一起进步生产力
https://github.com/any86/be-mock