脚本宝典收集整理的这篇文章主要介绍了mockjs数据占位符，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

数据占位符定义规范DPD

Mock.Random 是一个工具类，用于生成各种随机数据。 Mock.Random 的方法在数据模板中称为『占位符』，书写格式为 @占位符(参数 [, 参数]) 。

内置方法列表：

1. 基本方法

可以生成随机的基本数据类型:

• string 字符串
• integer 整数
• date 日期

  let Mock = require('mockjs')
  let data = Mock.mock({
      'list|10': [{
          'id|+1': 1,
          'name':'@string',//字符串
          'point':'@integer',//整形
          'birthday':'@date'//日期
      }]
  })

// 输出结果
console.LOG(JSON.stringify(data,null,2))

2. 图像方法

• image 随机生成图片地址

let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        'id|+1': 1,
        'name':'@string',
        'point':'@integer',
        'birthday':'@date',
        'pic':'@image'//随机生成图片地址
    }]
})
// 输出结果
console.log(JSON.stringify(data,null,2))

3. 文本方法

• @title: 标题。
• @cword(100):文本内容,参数为字数。

let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        'id|+1': 1,
        'name':'@string',
        'point':'@integer',
        'birthday':'@date',
        'pic':'@image',
        'title':'@title',//标题
        'content':'@cword(100)'//文本内容
    }]
})
// 输出结果
console.log(JSON.stringify(data,null,2))

4. 名称方法

• cname :中文名称
• cfirst:中文姓氏
• Last:英文姓氏

let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        'id|+1': 1,
        'name':'@cname',
        'ename':'@last',
        'cfirst':'@cfirst',
        'point':'@integer',
        'birthday':'@date',
        'pic':'@image',
        'title':'@title',
        'content':'@cword(100)'
    }]
})
// 输出结果
console.log(JSON.stringify(data,null,2))

5. 网络方法

• 可以生成url/ip/email等网络相关信息

let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        'id|+1': 1,
        'name':'@cname',
        'ename':'@last',
        'cfirst':'@cfirst',
        'point':'@integer',
        'birthday':'@date',
        'pic':'@image',
        'title':'@title',
        'content':'@cword(100)',
        'url':"@url",//url地址
        'ip':"@ip",//ip地址
        'email':"@email"//邮政
    }]
})
// 输出结果
console.log(JSON.stringify(data,null,2)

6. 地址方法

• @region 区域
• @county 省市县

let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        'id|+1': 1,
        'name':'@cname',
        'ename':'@last',
        'cfirst':'@cfirst',
        'point':'@integer',
        'birthday':'@date',
        'pic':'@image',
        'title':'@title',
        'content':'@cword(100)',
        'url':"@url",
        'ip':"@ip",
        'email':"@email",
        'area':'@region',//区域
        'address':'@county(true)'//省市区
    }]
})
// 输出结果
console.log(JSON.stringify(data,null,2))

脚本宝典总结

以上是脚本宝典为你收集整理的mockjs数据占位符全部内容，希望文章能够帮你解决mockjs数据占位符所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。