前端开发中优雅使用假数据

2021-11-19  本文已影响0人  朱传武

前端开发的时候,由于很多时候前端做ui的时候,后台接口以及数据可能还没有准备好,这时候,需要展示一些假数据,这里为大家推荐一个专门生成假数据的库,Faker.js
用法举例:

export const mockOrdersDetails: OrderDetails[] = [];

faker.seed(1);
for (let i = 0; i < 20; i++) {
  mockOrdersDetails.push({
    id: `#010${i}`,
    imageUrl: faker.image.image(),
    name: faker.commerce.productName(),
    retailPrice: Number(faker.commerce.price(50, 100)),
    wholesale: Number(faker.commerce.price(50, 100)),
    total: 50,
    returned: 5,
    delivered: 15,
    status: "In progress",
  });
}
上一篇下一篇

猜你喜欢

热点阅读