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. Bash脚本编程之脚本基础和bash配置文件

    脚本基础 参考资料:Shell Scripts (Bash Reference Manual) 不严谨地说,编程语言根据代码运行的方式,可以分为两种方式: 编译运行:需要先将人类可识别的代码文件编译成 ...

  2. TopCoder12729 「SRM589Medium」GearsDiv1 二分图最小点覆盖

    问题描述 \(N\) 个齿轮每个齿轮有颜色(RGB),有些齿轮之间会咬合,你需要删除尽量少的齿轮并给每种颜色安排方向使得咬合齿轮不同向.问最多保留多少个齿轮.保证不存在两个相同颜色的齿轮咬合. sub ...

  3. js中关于constructor与prototype的理解

    1.①__proto__和constructor属性是对象所独有的:② prototype属性是函数所独有的,因为函数也是一种对象,所以函数也拥有__proto__和constructor属性. 2. ...

  4. nodejs环境使用Typeorm连接查询Oracle

    首先是typeorm的官方地址, 国内有人翻了中文版,不保证时效性 ·通过npm安装下列包: typeorm //typeorm连接数据库 @types/node //类型系统 typescript ...

  5. C lang:Pointer and Array

    Xx_Introduction Point and Array germane. Xx_Code #include<stdio.h> #define SIZE 4 int main(voi ...

  6. Python 基础语法-str

    字符串常见操作 find:检测str是否包含在 mystr 中,如果是返回开始的索引值,否则返回 -1 mystr.index(str, start=0, end=len(mystr)) count: ...

  7. http服务需要pycurl模块这样去监控服务

    最近运维还是比较空闲,写篇自己的心得体会.做过运维的应该都做过http服务了.像一些电子商城,或者是一些互联网公司,web的服务之类是至关重要的,近期看了刘天斯大哥的书觉得自己运维平台应该也可以这样去 ...

  8. admin配置与Mysql数据库连接

    admin配置管理数据库的框架:web版的数据库管理页面初始化数据库: python manage.py makemigrations python manage.py migrate启动项目:(创建 ...

  9. 划分为k个相等的子集

    给定一个整数数组  nums 和一个正整数 k,找出是否有可能把这个数组分成 k 个非空子集,其总和都相等. 示例 1: 输入: nums = [4, 3, 2, 3, 5, 2, 1], k = 4 ...

  10. hibernate opensission.createSQLquery 问题

    在进行分页查询的时候,通常会用到,页码,每页容量等等的参数进行操作,如下图: query.list()的时候会执行得到所需要的集合的值,在这个过程中, 如果使用自定义的返回参数,比如将日期做一些基本处 ...