• 目录
• 上一篇：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

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

图片已上传.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

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

• 下一篇：DartVM服务器开发（第十三天）--Jaguar使用ORM