Flutter 已然成为炙手可热前端框架。若问跨平台到底有多香,自然是要多香有多香。今天我就分享这些天研究Flutter http连接和json格式转换的内容,小弟对Flutter也是小白一名,如有错误请多加指正。

源码下载地址

先来看看要完成的任务:调用https://test.apigj.com/apgetuserinfo 获取用户信息

{
"userid":
}
 
{
"msg": "success",
"code": ,
"userinfo": {
"username": "Batman",
"gender": ,
"birthday":
}
}

1. 处理Json和Object互转

Flutter 官方给出两种建议:手动序列化和自动生成代码的方式

手动序列化适合较小的项目,具有简单灵活的优势,但也容易出现因输入错误造成无法解析的小问题,我这里就不展开了

自动生成代码适合相对较大的项目,同时要求写class定义数据结构:

首先,修改pubspec.yaml文件

pubspec.yaml
 

添加json_annotation, build_runner和json_serializable包到指定位置

然后,完成class定义数据结构:

1个请求和2个返回

req_base.dart
 

res_common.dart 为了方便扩展所有的返回class都会继承这个基本的返回class
 

res_ap_get_user_info.dart 这个文件里同时包含了user_info的定义

class定义好后,这里还有些错误,原因是还有些代码是需要Flutter自动生成的

在命令行中输入flutter pub run build_runner build

成功以后会生成几下.g.dart文件角,错误也就消失了

3个.g.dart文件

这些文件里是对应class的解析和编码的方法

res_ap_get_user_info.g.dart里面包含ResApGetUserInfo和UserInfo的解析和编码方法

这样Json处理内容就这些,已经可以非常方便的在对象和json之间互转了

2. Https请求和返回

Http请求为了防止线程阻塞,多数情况下要使用多线程实现,Flutter的HttpClient已经在底层做了线程处理,所以要使用async, await或者Future进行同步线程,这里是我Http请求的静态方法

没有找到办法传递类型并生成对象,所以最后仅转成Map输出

还有就是在Flutter Widget中调用请求的方法

请求并显示数据

最终的效果

总体来说Flutter还是比较容易上手的,但要深入的话也可以实现多平台的Flutter库,基本上可以使用Flutter实现一套代码跨平台,还不开始研究么?

本示例实体class结构定义通过Api管家自动生成

Flutter中通过https post Json接收Json的更多相关文章

  1. Flask中向前端传递或者接收Json文件的方法

    1. 利用flask的request.form.get()方法 这一中方法主要利用flask的request.form.get方法,获得前端发送给后台的json文件 Python 端代码: @app. ...

  2. Java发送Post请求,参数JSON,接收JSON

    /** * 发送post请求 * @param url 路径 * @param jsonObject 参数(json类型) * @param encoding 编码格式 * @return * @th ...

  3. Flutter 中 JSON 解析

    本文介绍一下Flutter中如何进行json数据的解析.在移动端开发中,请求服务端返回json数据并解析是一个很常见的使用场景.Android原生开发中,有GsonFormat这样的神器,一键生成Ja ...

  4. ThinkPHP中使用ajax接收json数据的方法

    本文实例讲述了ThinkPHP中使用ajax接收json数据的方法.分享给大家供大家参考.具体分析如下: 这里通过ThinkPHP+jquery实现ajax,扩展了下,写了个查询,前台代码如下: 首先 ...

  5. [转]php中 curl模拟post发送json并接收json

    本文转自:https://blog.csdn.net/pangchengyong0724/article/details/52103962 本地模拟请求服务器数据,请求数据格式为json,服务器返回数 ...

  6. iOS key value coding kvc在接收json数据与 model封装中的使用

    iOS key value coding  kvc在接收json数据与 model封装中的使用 使用 kvc 能够极大的简化代码工作,及以后的接口维护工作: 1:先创建MovieModel类.h和 . ...

  7. Ajax前台返回JSON数据后再Controller中直接转换成类型使用,后台接收json转成实体的方法

    之前写过一篇记录文章,写的是将一个比较复杂的数据结构在前台组合起来后传递到后台. 当时并不太了解@RequestBody,也并没有使用js提供的JSON.stringify()方法 所有都是自己写的, ...

  8. SpringMVC过程中@RequestBody接收Json的问题 总是报415

    在SpringMVC中用@RequestBody接收Json的问题,总是报415,经过一翻查找 前台js的post: var postdata = '{"title":" ...

  9. php中 curl模拟post发送json并接收json(转)

    本地模拟请求服务器数据,请求数据格式为json,服务器返回数据也是json. 由于需求特殊性, 如同步客户端的批量数据至云端, 提交至服务器的数据可能是多维数组数据了.  这时需要将此数据以一定的数据 ...

随机推荐

  1. vue学习笔记(十)路由

    前言 在上一篇博客vue学习笔记(九)vue-cli中的组件通信内容中,我们学习组件通信的相关内容和进行了一些组件通信的小练习,相信大家已经掌握了vue-cli中的组件通信,而本篇博客将会带你更上一层 ...

  2. go笔记--rpc和grpc使用

    目录 go笔记--rpc和grpc使用 rpc server.go client.go (sync) client.go (async) grpc protoc server.go client.go ...

  3. GO语言编译环境采用gosublime(19新版)

    环境:博主已下载好,并安装在E:/SDK,使用过sublime text3,有git 0x00 环境变量 默认已经有GOPATH(代码存放在这),PATH(安装go的bin目录即E:\SDK\bin) ...

  4. 魔兽争霸RPG地图开发速成教程

    魔兽争霸RPG地图开发速成教程 1 打开WE编辑器 下载地址  http://rpg.dz.blizzard.cn/authors-home/editor-download 然后新建地图 2  打开工 ...

  5. k8s的yaml说明

    理解k8s里的几个概念 Kubernetes 通过各种 Controller 来管理 Pod 的生命周期.为了满足不同业务场景,Kubernetes 开发了 Deployment.ReplicaSet ...

  6. Dynamics 365中的公告(Post)分析

    我是微软Dynamics 365 & Power Platform方面的工程师罗勇,也是2015年7月到2018年6月连续三年Dynamics CRM/Business Solutions方面 ...

  7. SharePoint 2019 里安装FlowPortal6.00c报错

    环境: Windows Server 2016+SharePoint 2019 安装FlowPortal 6.00c后应用程序池FlowPortal.net 6.x AppPool自动停止. 事件查看 ...

  8. Hackme: 1: Vulnhub Walkthrough

    下载链接: https://www.vulnhub.com/entry/hackme-1,330/ 网络扫描探测: ╰─ nmap -p1-65535 -sV -A 10.10.202.131 22/ ...

  9. 【漏洞预警】Redis 4.x/5.x 远程命令执行高危漏洞

    2019年7月09日,阿里云应急响应中心监测到有安全研究人员披露Redis 4.x/5.x 远程命令执行高危漏洞利用代码工具.针对未授权或弱口令的Redis服务,攻击者通过构造特定请求,成功利用漏洞可 ...

  10. iOS中nil、 Nil、 NULL和NSNull的区别

    参考链接:https://www.jianshu.com/p/c3017ae6684a