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

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

1.获取路径参数

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

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

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

《DartVM服务器开发(第十二天)--Jaguar获取请求内容》 路径参数.png

获取成功!

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

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

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

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

《DartVM服务器开发(第十二天)--Jaguar获取请求内容》 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 异步获取,下面来请求一下吧!

《DartVM服务器开发(第十二天)--Jaguar获取请求内容》 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()}');

      })

我们来请求一下吧!

《DartVM服务器开发(第十二天)--Jaguar获取请求内容》 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);
      })

《DartVM服务器开发(第十二天)--Jaguar获取请求内容》 请求为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去获取该文件流,然后将文件流监听到新创建的文件上面并写入
我们上传一张图片吧

《DartVM服务器开发(第十二天)--Jaguar获取请求内容》 上传文件请求.png

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

《DartVM服务器开发(第十二天)--Jaguar获取请求内容》 图片已上传.png

《DartVM服务器开发(第十二天)--Jaguar获取请求内容》 图片.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');

      })

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

《DartVM服务器开发(第十二天)--Jaguar获取请求内容》 多表单请求.png

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

《DartVM服务器开发(第十二天)--Jaguar获取请求内容》 上传成功.png

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

好了,今天就到这里了,我们明天见吧!

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

    原文作者:rhyme_lph
    原文地址: https://www.jianshu.com/p/5c496ffe6e34
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞