从0开始学VUE--使用Django+Vue 构建一个Web项目(11) 使用mock模拟数据,并进行分页显示

论坛 期权论坛 脚本     
匿名技术用户   2021-1-6 19:28   11   0

由于还未做后端开发,前端测试需要使用mock进行模拟数据。

安装

npm install mockjs --save-dev

npm i axios --save

使用

创建mock文件夹,在该文件夹下创建mock.js

// 引入mockjs
const Mock = require('mockjs')
// 获取 mock.Random 对象
const Random = Mock.Random
// 配置拦截 ajax 的请求时的行为,支持的配置项目有 timeout。
Mock.setup({
  timeout: '200 - 400'
})


function getUserData (prarms) {
  let data = []
  for (let i = 0; i < 100; i++) {
    let user = {
      date: Random.date() + ' ' + Random.time(), // Random.date()指示生成的日期字符串的格式,默认为yyyy-MM-dd;Random.time() 返回一个随机的时间字符串
      name: Random.cname(), // Random.cname() 随机生成一个常见的中文姓名
      address: '上海市普陀区金沙江路 1516 弄',
      tag: Random.csentence(5, 30)
    }
    data.push(user)
  }
  return {
    data: data
  }
}

// Mock.mock( url, post/get , 返回的数据);
Mock.mock('/user', 'get', getUserData) // 用户数据
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP