mock数据校验请求参数

简介: mock数据校验请求参数

前后端分离开发的背景之下, 当后端接口没有完成之前, 前端开发人员所需要的后端数据怎么展现呢? 这里可以利用 mock.js批量生成随机数据, 前端开发者快速生成api接口, 供自己同步后续开发


  1. mock.js


要了解怎么生成批量假数据, 首先mock.js是一个很值得了解的生成随机数据的JS库,下面是mock.js的官网, 里面有详细文档, 利用它,你可以生成你想要的大部分类型数据
mock.js实例文档


  1. fastmock


我们可以直接利用mock.js在自己的项目中,创建api接口,但个人觉的利用下面的工具更为方便,并且更符合前后端分离开发的模式。


这是一个模拟接口的工具, 进入官网进行注册,登录, 创建项目, 编写接口即可,这里官方文档中都写的挺详细的


  1. mock数据校验请求参数


我们大多数时候请求发送post或者get请求的时候都会传递参数,然而这些参数怎么直接在mock数据中进行数据判断与校验并且返回呢,
这里用登录接口来举例:


 {
  status: ({ _req, Mock }) => {
    let body = _req.body;
    return body.username == "admin" && body.password == "123456"
      ? 200
      : 500;
  },
  message: ({ _req, Mock }) => {
    let body = _req.body;
    return body.username == "admin" && body.password == "123456"
      ? "success"
      : "error";
  },
  data: {
    userInfo: function ({ _req, Mock }) {
      let body = _req.body;
      if (body.username === "admin" && body.password === "123456") {
        return Mock.mock({
          username: "admin",
          password: "123456",
          email: "@email",
          address: "@address",
          "age|10-30": 18,
          "gender|0-1": 1,
          "token": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOjUwMCwicmlkIjowLCJpYXQiOjE1MTI1NDQyOTksImV4cCI6MTUxMjYzMDY5OX0.eGrsrvwHm-tPsO9r_pxHIQ5i5L1kX9RX444uwnRGaIM"
        });
      } else {
        return "请确认账号密码后再次重试";
      }
    },
  },
};


其中传递过来的参数:


_req.body是post请求传递的参数


_req.qurey是get请求传递的参数

相关文章
|
前端开发 数据安全/隐私保护 容器
8.5请求数据校验
为了提高响应速度,一般在前端界面需要进行数据校验,但是在后端也需要对数据进行校验,以防止不正常的数据传入后台。 .net内置在`System.ComponentModel.DataAnnotations`命名空间下定义了很对检验规则`Attribute`,如[Required]表示必须为非空,[EmailAddress]表示必须为邮箱格式,[RegularExpression]可以用正则对数据进行限制,但是这样模型类和检验规则耦合性很强,不推荐使用。
|
前端开发 Java API
数据校验(前端数据校验、JSR303校验)
数据校验(前端数据校验、JSR303校验)
277 0
|
前端开发
GoFrame数据校验之校验结果 | Error接口对象
这篇总结分享:GoFrame数据校验的另外一个知识点:校验结果相关的总结分享。
184 0
|
9月前
|
SQL API 数据库
优雅地进行入参数据校验:场景和处理方式
在日常的开发工作中,入参数据校验是确保程序健壮性的关键步骤之一,我们需要确保请求中的数据类型、格式和取值范围符合要求,以保证接口的安全性和稳定性,还有就是传递给方法或函数的数据需要满足一定的规则和要求,以保证程序的正常运行和数据的有效处理。那么本文就来分享一下在哪些场景下进行入参数据校验,并分享一些优雅的处理方式,以提高代码的可读性、扩展性和复用性。
138 3
优雅地进行入参数据校验:场景和处理方式
|
Java Spring fastjson
使用自定义注解实现接口参数校验
1.前言 在接口的开发中,我们有时会想让某个接口只可以被特定的人(来源)请求,那么就需要在服务端对请求参数做校验. 这种情况我们可以使用interceptor来统一进行参数校验,但是如果很多个接口,有不同的的设定值,我们总不能写很多个interceptor,然后按照path逐一添加吧? 面对这种情况,我们可以选择自定义一个注解,由注解来告诉我们,这个接口允许的访问者是谁.
3739 0
mock使用中出现的错误
当出现错误Class mocking requires to have objenesis library in the classpath时,缺少了objenesis库文件。。。下载objenesis-1.2.jar导入依赖中,运行成功。
987 0
|
5月前
|
存储 缓存 NoSQL
webFilter实现mock接口
这段代码实现了一个名为 `MockFilter` 的类,继承自 `WebFilter` 接口,用于处理 HTTP 请求和响应。它通过从 Redis 缓存中获取配置信息来决定是否使用模拟数据或缓存数据来响应请求。如果开启了生产模式或关闭了模拟和缓存功能,则直接放行请求。否则,它会检查请求体并根据配置返回相应的模拟或缓存数据。同时,该过滤器支持对响应结果进行处理,并将结果存储回 Redis 中。
|
8月前
|
JSON Java Maven
使用`MockMvc`来测试带有单个和多个请求参数的`GET`和`POST`接口
使用`MockMvc`来测试带有单个和多个请求参数的`GET`和`POST`接口
302 3
|
前端开发 程序员
SpringMVC——@RequestMapping定义请求规则,控制器接收请求参数的三种方式
SpringMVC——@RequestMapping定义请求规则,控制器接收请求参数的三种方式
SpringMVC——@RequestMapping定义请求规则,控制器接收请求参数的三种方式
|
算法 JavaScript 前端开发
在SpringMVC框架中统一处理异常及请求参数验证(6)
在SpringMVC框架中统一处理异常及请求参数验证(6)
171 0

热门文章

最新文章