分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

使用mock.js模拟AG.BG.MG.BBIN真人接口平台架设出租数据

发布时间:2023-09-06 02:34责任编辑:彭小芳关键词:js

一、安装

1、安装 mock axios
npm install mockjs axios --save,AG.BG.MG.BBIN真人接口平台架设出租【企鹅21717-93408】
2、安装axios-mock-adapter
axios-mock-adapter 是axios与mock配置器,简单来说就是把二者结合在一起的工具
npm install axios-mock-adapter --save-dev

二、使用mock
1、在src目录下,创建mock文件夹,在下面再创建data文件夹,创建数据文件,比如user.js,用于模拟生成用户信息数据,初始化我们需要的数据,这里举例初始化用户信息数据

//user.js
import Mock from ‘mockjs‘; // 导入mockjs 模块
let Users = []; // 定义我们需要的数据,后面导出
const COUNT = [1, 2, 3, 4, 5]; // 定义我们需要数量,即生成几条模拟数据
for (let i = 1; i <= COUNT.length; i++) {
?Users.push(Mock.mock({ // 根据数据模板生成模拟数据。
???id: Mock.Random.guid(), // 随机id
???title: Mock.Random.first(), // 随机标题
???????name:Mock.Random.cname(), ?//随机中文名
???????addr: Mock.mock(‘@county(true)‘), ?//随机地址
???‘age|18-60‘: 1, ?//随机年龄
???birth: Mock.Random.date(), ?//随机生日
???sex: Mock.Random.integer(0, 1) ?//随机性别
???isDelete: false, //是否删除
???locked: Mock.Random.boolean(), // 随机锁定
???record: COUNT.map(() => { // ×××单项列表的数据
?????return {
???????text: Mock.Random.cparagraph(2), // 随机内容
???????isDelete: false, //是否删除
???????checked: Mock.Random.boolean() ?//是否完成
?????};
???})
?}));
}
export { // 导出用户数据
?Users
};

使用mock.js模拟AG.BG.MG.BBIN真人接口平台架设出租数据

原文地址:https://www.cnblogs.com/jueqi/p/10455342.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved