美文网首页
前端开发中优雅使用假数据

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

作者: 朱传武 | 来源:发表于2021-11-19 11:40 被阅读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",
      });
    }
    

    相关文章

      网友评论

          本文标题:前端开发中优雅使用假数据

          本文链接:https://www.haomeiwen.com/subject/bzbstrtx.html