DartVM服务器开发（第十二天）--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
腾讯云开发者
