生成mock测试数据

第一种方法

export default[
    {
    url:'/find',
    type:'get',
    response:config=>{
          //config是传进来的参数对象
         const {current,size}=config.query;
         //可以在这里对传进来的参数进行后续操作
          ...
          //例如分页
          //当把mockTestStructure假数据定义在**外部时**
         //数据一下子生成太多，根据参数进行分页数据展示，这里需要筛选以下
         if(index>=(Number(current)-1)*size&&index<(Number(current)*size)){
              return item
          }

         //也可以在这里定义后端结构数据体--在这里定义每次调用都会生成新的数据哦
         //主要是让返回体看着简介一些
         let mockTestStructure=({
            //成成一个名为item的对象数组，且数组中有10个对象
           "item|10":[{
                 "client":"@cName",//中文姓名
                 "chineseTitle":"@ctitle(15,25)",//生成中文标题15-25字   
                 "reason":"@csentence(15,25)",//15-25字文字
                 "clientId":"/[0-9]{18,18}/",//身份证号
                 "id":"@id",//身份证号
                 "time":"@dateTime",//yyyy-MM-dd hh:mm:ss
                 "time":"@dateTime('yyyy-MM-dd')",//yyyy-MM-dd 
                  "timestamp":+Mock.Random.date("T")//+生成数字型时间戳
                 "importantRank|1":["重要","保密","机密","绝密"],//在字符串数组中任取一个数据
                 "id":"@increment",//重1开始，自增+1
                 "englishName":"@first"//生成一个类似英文名
                 "source":"@float(0,10,2,2)"//生成0-10之间，保留两位小数
                  "rank":"@integer(1,3)",//生成随机数字1-3
                  "canEdit":"@boolean",//返回true/false
                  "macIp":"@guid",//MSOC-cniwN-NSK-nsJM-msuH
                  "email":"@email",//s.cbisbs@sff.ks
                  "color":"@color",//生成16进制颜色
                  "url":"@url",//生成url
                  "ip":"@ip"//生成ip
                  
                   // 例如链接之类的数据只能固定写si了
                   "avator":"www.baidu.com/img/001.png"                     
            }]
         });
      if(window.mockDebug==1){
      //这里返回的是假定的后台数据，结构，数据根据文档
         return {
                status:2000;
                data:{
                    total:100,
                    items:mockTestStructure.item
                 }
                 message:"查询成功"
                 success:true
         }
      }
      else if(window.mockDebug==2){ 
              return {
                      code:5000;
                      message:"查询失败",
              }
       }else if(window.mockDebug==5){ 
              return {
                      code:5000;
                      message:"登录信息过期，请重新登录！",
              }
   }
   //再来一个接口如上
   //...
]


#注意：如果不想和上处那样定义mock数据，也可以直接在需要的地方定义并使用mock数据
export default[
    {
    url:'/find',
    type:'get',
    response:config=>{
       return {
          code:200,
          data:{
             items:Mock.mock({
                      "listArr|10":[{
                           "approve|1":["01","02","03"],
                           "man":"@cName",
                           "date":"@dateTime("yyyy-MM-dd")
                       }]
                   }).listArr,
               total:30,
          },
          message:"查询成功",
          }
   }
     
    看了这么多，让我来告诉你官网说明地址吧，哈哈哈哈
          
   官网介绍文档地址：http://mockjs.com/0.1/

   完结，撒花！！！