IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Rap2 模拟接口 常见规则示例 -> 正文阅读

[JavaScript知识库]Rap2 模拟接口 常见规则示例

目录

一. 请求参数

1.1 get Demo

1.2 post Demo?

二. 响应内容

2.1 生成 echarts 中的 data (name, value)@natural

2.2 生成日期 @date

2.3 生成 固定字段 结尾的字符串,@cword(1-20)公司

2.4 生成一段编码 @guid

2.5 生成一个 城市名 / 人名?@city / @cname

2.6 生成随机图片 @image


  • 前言:Rap2 基于 mock.js 进行编写,规则风格也参考它

一. 请求参数

1.1 get Demo


1.2 post Demo?


二. 响应内容

  • 通常用 data 包裹,data 一般是 Object/Array 类型

2.1 生成 echarts 中的 data (name, value)@natural

  • 生成一个数组,数组单项中的 name?是数组内按序读取的字段,value 是 3-6 的随机整数
  1. 指定生成数组元素个数 —— 生成规则 下写 1-5,表示生成 1-5 个数组
  2. 数组内按需读取字段并填充 —— 在 生成规则 中写 +1,表示每增加一个数组项就取下一个字段填充 name;在 初始值 中写入需要的字段数组 ['I类', 'II类']
  3. 3-6 之间的随机整数 —— 在?初始值?中写入 @natural(3, 6)

  • Rap2 配置截图:


  • 生成示例:
  • "TABLE":?[{
    ????"NAME":?"I类",
    ????"VALUE":?5
    ??},?{
    ????"NAME":?"II类",
    ????"VALUE":?4
    ??}]

  • 扩展思路:
  • 生成随机 自然数 / 整数 / 浮点数 等:@natural / @integer / @float
  1. 返回 是/否:在 生成规则 中写 +1初始值 中写入?['是', '否']
  2. 返回 是/否 编号 1/0:初始值 中写入?@natural(0, 1)

2.2 生成日期 @date

  • 指定为 String 类型,在 初始值 中写入 @date?

  • 生成示例:
  • ?"YEAR":?"1975-07-10",

2.3 生成 固定字段 结尾的字符串,@cword(1-20)公司

  • 指定为 String 类型,在 初始值 中写入 @cword(1-20)有限公司

  • 生成示例:
  • ?"COMPANY":?"喵喵特有限公司",

  • 扩展思路:
  • @cword 函数内部可以接受一些文字
  • @ctitle 用于填充标题,随机出来的内容类似于 @cword
  • @cparagraph 用于填充内容,随机出来的内容包含一个句号

2.4 生成一段编码 @guid

  • 指定为 String 类型,在 初始值 中写入 @guid

  • 生成示例:
  • ?"PRO_ID":?"26b6CCCA-cFFd-31Ef-FaaE-7CC6EcaD3258",

2.5 生成一个 城市名 / 人名?@city / @cname

  • 指定为 String 类型,在 初始值 中写入 @city

  • 生成示例:
  • ?"PROVINCE":?"威海市",

  • ?"PERSON_NAME":?"张三",
  • 扩展思路:
  • 生成随机省市县:@province@city@county
  • 生成示例:黑龙江省重庆市梅山乡

2.6 生成随机图片 @image

  • 指定为 String 类型,在 初始值 中写入 @image

  • 生成示例:
  • "WRHJFILIDS":?"http://dummyimage.com/336x280",
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-20 15:42:12  更:2021-09-20 15:44:47 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 1:42:46-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码