专栏首页Flutter&DartDartVM服务器开发(第十二天)--Jaguar获取请求内容

DartVM服务器开发(第十二天)--Jaguar获取请求内容

上一篇文章中,我们学习了如何处理请求,并当请求发生异常时的处理方式,今天我们来学习一下使用Jaguar获取请求内容 !

1.获取路径参数

在请求的时候,我们有时候需要获取请求路径上的参数,那么怎么去获取请求路径上的参数呢? 我们可以通过Context这个类的一个pathParams参数获取,下面是代码!

//.....
      ..get('/api/UserId/:id', (ctx){
        String id=ctx.pathParams['id'];s
        ctx.response=Response('path Id:$id');
      })
//....

当路径上为参数时,我们可以在参数名前添加:符号,表面该路径上有一个是参数,下面我们请求一下这个地址吧!

路径参数.png

获取成功!

2.获取get请求参数(查询参数)

获取get请求的参数,是我们常见的,请求参数会在地址上面明文显示,获取也非常的简单

//....
      ..get('/api/UserId/get', (ctx) {
      String id=ctx.query.get('id');
      ctx.response = Response('query Id:$id');
    })
//...

我们来请求一下吧!这里为了方便,我使用Postman工具请求

get请求参数.png

获取成功! 这里说一下,我们还可以指定获取的内容类型,并且当没有该参数时,可以指定它的默认值

//....
     //获取String类型参数
      String name=ctx.query.get('name');
      //获取int类型参数,默认为321
      int id=ctx.query.getInt('id',321);
      //获取bool类型参数
      bool boolean=ctx.query.getBool('boolean');
      //获取num类型参数
      num number=ctx.query.getNum('number');
      //获取double类型参数
      double float=ctx.query.getDouble('float');
//....

你也可以获取不指定类型的参数

//...
      dynamic noKnow=ctx.query['noKnow'];
//...

3.获取post请求参数(表单参数)

获取post请求的参数,也是我们比较常见的与服务器交互方式,请求的参数不会在地址上面明文显示

//...
..post('/api/User/login', (ctx) async{
        Map<String,String> params=await ctx.bodyAsUrlEncodedForm();
        String userName=params['username'];
        String passWord=params['password'];
        ctx.response=Response('UserName:$userName\nPassWord:$passWord');
      })
//....

我们获取到一个Map,跟get请求不同,这里需要使用async 异步获取,下面来请求一下吧!

post请求参数.png

这里需要注意一下,使用ctx.bodyAsUrlEncodedForm()需要注意请求头为:Content-Type:application/x-www-form-urlencoded

4.获取提交的JSON数据

一般情况下,如果需要提交更多的数据,使用json格式提交再适合不过了,我们接下来接收一个json数据

..postJson('/api/User/json', (ctx) async{
        Map content=await ctx.bodyAsJson();
        ctx.response=Response('Json Content:\n${content.toString()}');

      })

我们来请求一下吧!

json数据.png

我们还可以直接把该json内容格式化为一个实体类 定义一个实体类

class User{
  final String username;
  final String password;
  User(this.username, this.password);
  static User forMap(Map map)=> new User(map['username'], map['password']);
}

获取为实体类

//....
      ..postJson('/api/User/json', (ctx) async{
//        Map content=await ctx.bodyAsJson();
        User user=await ctx.bodyAsJson(convert: User.forMap);
        ctx.response=Response('User\nUserName:${user.username}\nPassWord:${user.password}');
      })
//....

请求json数组,获取多个

 ..postJson('/api/User/jsons', (ctx) async{
        List<User> users=await ctx.bodyAsJsonList(convert: User.forMap);
        String info='';
        for(User user in users){
          info+='User\nUserName:${user.username}\nPassWord:${user.password}\n';
        }
        ctx.response=Response(info);
      })

请求为json数组.png

5.获取上传的文件

单独上传一张文件到服务器,这个可以大部分需求都用不上,但是还是需要讲一下,如何上传文件到服务器,并保存到服务器上面

//...
..postJson('/api/User/avatar', (ctx) async{
        Stream<List<int>> image=await ctx.bodyAsStream;
        File file=await new File('image.png').create();
        await image.listen(file.writeAsBytes);

        ctx.response=Response('Success');
      })
//...

可以看到我们使用的是ctx.bodyAsStream去获取该文件流,然后将文件流监听到新创建的文件上面并写入 我们上传一张图片吧

上传文件请求.png

好,我们成功的返回了一个Success字符串,来看一下项目吧!

图片已上传.png

图片.png

打开了,也是可以看到图片的,所以我们成功的上传了图片了!

6.获取多表单数据

获取多表单数据是经常使用到的,Jaguar也可以办到获取多表单数据

..post('/api/User/Info', (ctx) async{
        Map<String,FormField> params=await ctx.bodyAsFormData();
        FormField username=params['username'];

        FormField userDescript=params['userdescript'];

        FormField avatar=params['useravatar'];

        //string类型的数据
        if(username is StringFormField){
          await new Directory(username.value).create(recursive: true);

        }
        //文本文件类型的数据
        if(userDescript is TextFileFormField){
          Stream<String> value=userDescript.value;
          userDescript.writeTo('${username.value}/Descript.txt');
        }
        //二进制文件类型的数据
        if(avatar is BinaryFileFormField){
          Stream<List<int>> value=avatar.value;
          avatar.writeTo('${username.value}/avatar.png');
        }
        ctx.response=Response('Success');

      })

我们根据当前提交的用户名创建一个文件夹,然后将它的介绍文本和头像保存到该文件夹下面,来看一下请求吧!

多表单请求.png

可以看到,我们成功的发出了请求,然后看一下项目里的文件

上传成功.png

ok,没有任何毛病,上面的代码调用FormField.writeTo方法可以直接写入到传入的路径文件中,可以说非常方便,要注意的是请求头为Content-Type=multipart/form-data 好了,今天就到这里了,我们明天见吧!

如果想继续学习DartVM服务器开发,请关注我,学习更多骚操作!

  • 下一篇:DartVM服务器开发(第十三天)--Jaguar使用ORM

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • DartVM服务器开发(第十一天)--Jaguar处理请求

    可以看到,我没有出现异常,按照正常的来走,先运行before后是responseProcessor,最后是after 那么我们制造一个异常看看有没有捕获到

    rhyme_lph
  • DartVM服务器开发(第二十四天)--用户验证(jaguar_session_jwt)

    这里要注意,使用该包,需要配合jaguar_jwt,jaguar_auth这两个包使用

    rhyme_lph
  • DartVM服务器开发(第十九天)--jaguar_reflect使用Controller

    上面有一个ReflectedController(UserController()).routes,就是把UserController里面的接口反射出来,添加到...

    rhyme_lph
  • web前端学习:HTML5十个新特性

                       :刻度尺/度量衡,描述数据所处的阶段,红色(危险)=>黄色(警告)=>绿色(优秀)

    一墨编程学习
  • canvas绘制闹钟-方法2 原

     drawBackground()里面的ctx.save() 为什么不能放到上面的原因:一般ctx.save() 与ctx.restore()是成对出现的。ct...

    tianyawhl
  • canvas绘制图形时beginPath应用

    当我们在使用canvas绘制图形的时候,不免都会使用到beginPath这个方法。今天我们就来讲解一下这个函数的重要性以及应用。

    小明爱学习
  • SDP(5):ScalikeJDBC- JDBC-Engine:Streaming

      作为一种通用的数据库编程引擎,用Streaming来应对海量数据的处理是必备功能。同样,我们还是通过一种Context传递产生流的要求。因为Streamin...

    用户1150956
  • canvas-画线

    坐标系统简析 ? 左边是笛卡尔坐标系,右边是canvas坐标系。 笛卡尔坐标系(Cartesian coordinate system): 也称直角坐标系,是一...

    前端黑板报
  • Koa 框架教程

    Node 主要用在开发 Web 应用。这决定了使用 Node,往往离不开 Web 应用框架。 ? Koa 就是一种简单好用的 Web 框架。它的特点是优雅、简洁...

    ruanyf
  • nodejs koa框架的入门

    Node 主要用在开发 Web 应用。这决定了使用 Node,往往离不开 Web 应用框架。

    javascript.shop

扫码关注云+社区

领取腾讯云代金券