当前位置：首页 > news >正文

flutter dio网络请求与json数据解析

news 来源：原创 2025/8/25 13:40:18

在Flutter中，Dio 是一个功能强大且易于使用的网络请求库，用于处理HTTP请求和响应。与 http 包相比，Dio 提供了更多高级功能，例如拦截器、文件上传/下载、请求取消等。结合 json_serializable 或手动解析 JSON 数据，可以轻松实现网络数据的获取与解析。

以下是一个完整的示例，展示如何使用 Dio 进行网络请求并解析 JSON 数据：

1. 添加依赖

在 pubspec.yaml 文件中添加以下依赖项：

dependencies:flutter:sdk: flutterdio: ^5.0.0 # 确保使用最新版本json_annotation: ^4.8.0dev_dependencies:build_runner: ^2.3.0json_serializable: ^6.7.0

然后运行以下命令以安装依赖：

flutter pub get

2. 创建数据模型

为了更方便地解析 JSON 数据，我们可以创建一个数据模型类，并使用 json_serializable 自动生成序列化和反序列化代码。

定义模型类

创建一个文件 user_model.dart：

import 'package:json_annotation/json_annotation.dart';part 'user_model.g.dart'; // 自动生成的部分@JsonSerializable()
class User {final int id;final String name;final String email;User({required this.id, required this.name, required this.email});// 工厂方法用于从 JSON 转换为对象factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json);// 方法用于将对象转换为 JSONMap<String, dynamic> toJson() => _$UserToJson(this);
}

生成代码

运行以下命令以生成 user_model.g.dart 文件：

flutter pub run build_runner build

这会自动生成 _$UserFromJson 和 _$UserToJson 方法。

3. 使用 Dio 发起网络请求

接下来，我们使用 Dio 发起一个 GET 请求，并将返回的 JSON 数据解析为 User 对象。

示例代码

创建一个文件 dio_example.dart：

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:dio/dio.dart';
import 'user_model.dart'; // 导入模型类void main() {runApp(const MyApp());
}class MyApp extends StatelessWidget {const MyApp({Key? key}) : super(key: key);@overrideWidget build(BuildContext context) {return MaterialApp(home: Scaffold(appBar: AppBar(title: const Text('Dio 网络请求示例')),body: const Center(child: UserList()),),);}
}class UserList extends StatefulWidget {const UserList({Key? key}) : super(key: key);@override_UserListState createState() => _UserListState();
}class _UserListState extends State<UserList> {final Dio dio = Dio();List<User> users = [];Future<void> fetchUsers() async {try {// 示例 API 地址（假设返回 JSON 数据）const url = 'https://jsonplaceholder.typicode.com/users';// 发起 GET 请求final response = await dio.get(url);// 检查状态码是否成功if (response.statusCode == 200) {// 解析 JSON 数据final jsonData = response.data as List<dynamic>;// 将 JSON 数据转换为 User 对象列表setState(() {users = jsonData.map((json) => User.fromJson(json)).toList();});} else {throw Exception('Failed to load users');}} catch (e) {// 处理错误print('Error: $e');}}@overridevoid initState() {super.initState();fetchUsers(); // 页面加载时自动发起请求}@overrideWidget build(BuildContext context) {return ListView.builder(itemCount: users.length,itemBuilder: (context, index) {final user = users[index];return ListTile(title: Text(user.name),subtitle: Text(user.email),);},);}
}

4. 代码说明

Dio 初始化：
- Dio 是一个强大的 HTTP 客户端，默认支持 GET、POST、PUT、DELETE 等 HTTP 方法。
- 在示例中，我们通过 dio.get(url) 发起了一个 GET 请求。
JSON 数据解析：
- 假设 API 返回的 JSON 数据是数组形式（如 [{...}, {...}]），我们将其解析为 List<dynamic>。
- 使用 map 方法将每个 JSON 对象转换为 User 对象。
错误处理：
- 使用 try-catch 捕获网络请求中的异常。
- 如果状态码不是 200，抛出自定义异常。
UI 更新：
- 使用 setState 更新 users 列表，触发 UI 重新渲染。

5. 测试与运行

运行项目后，应用会从 https://jsonplaceholder.typicode.com/users 获取用户数据，并将其显示在一个列表中。

6. 可选优化

拦截器：可以使用 Dio 的拦截器来统一处理请求头、日志记录等。
分页加载：如果数据量较大，可以实现分页加载功能。
缓存机制：结合本地数据库或内存缓存，减少重复请求。

flutter dio网络请求与json数据解析

在Flutter中，Dio 是一个功能强大且易于使用的网络请求库，用于处理HTTP请求和响应。与 http 包相比，Dio 提供了更多高级功能，例如拦截器、文件上传/下载、请求取消等。结合 json_serializable 或手动解析 JSON 数据，可以…...

编程日记 2025/8/25 13:40:18

7. RabbitMQ 消息队列——延时队列(Spring Boot + 安装message_exchange“延迟插件“ 的详细配置说明)的详细讲解

7. RabbitMQ 消息队列——延时队列(Spring Boot 安装message_exchange"延迟插件" 的详细配置说明)的详细讲解文章目录 7. RabbitMQ 消息队列——延时队列(Spring Boot 安装message_exchange"延迟插件" 的详细配置说明)的详细讲解1. RabbitMQ 延时队列概…...

编程日记 2025/8/17 23:38:22

使用 MyBatis-Plus 实现高效的 Spring Boot 数据访问层

在开发 Spring Boot 应用时，数据访问是不可或缺的部分。为了提高开发效率并减少样板代码，MyBatis-Plus 提供了强大的功能，能够简化与数据库交互的操作。本文将详细介绍如何在 Spring Boot 中使用 MyBatis-Plus，并结合具体代码示例…...

编程日记 2025/8/24 11:58:16

Linux学习笔记——零基础详解：什么是Bootloader？U-Boot启动流程全解析！

零基础详解：什么是Bootloader？U-Boot启动流程全解析！ 一、什么是Bootloader？📌 举个例子： 二、U-Boot 是什么？三、U-Boot启动过程：分为两个阶段🔹 第一阶段（汇…...

编程日记 2025/8/18 0:20:59

网络初识 - Java

网络发展史： 单机时代（独立模式） -> 局域网时代 -> 广域网时代 -> 移动互联网时代网络互联：将多台计算机链接再一起，完成数据共享。数据共享的本质是网络数据传输，即计算机之间通过网络来传输数…...

编程日记 2025/8/22 11:08:33

（51单片机）独立按键控制流水灯LED流向（独立按键教程）（LED使用教程）

源代码如上图将7个文放在Keli5 中即可，然后烧录在单片机中就行了烧录软件用的是STC-ISP，不知道怎么安装的可以去看江科大的视频： 【51单片机入门教程-2020版程序全程纯手打从零开始入门】https://www.bilibili.com/video/BV1Mb411e7re?…...

编程日记 2025/8/20 9:00:12

QML输入控件: TextArea的应用（带行号的编辑器）

目录引言📚 相关阅读🔨BUG修复实现思路代码解析主窗口代码自定义TextAreaItem组件行号显示部分文本编辑区域滚动同步关键功能解析1. 动态更新行号2. 属性映射3. 外观定制运行效果总结工程下载引言在开发Qt/QML应用程序时，文本编辑功能是…...

编程日记 2025/8/21 15:54:47

kafka 的存储文件结构

Kafka 的存储文件结构是其高吞吐量和高效性能的关键部分。Kafka 的存储结构是围绕日志（Log） 的设计展开的，而每个 Kafka 分区（Partition） 都会以日志文件的形式存储。Kafka 采用了顺序写入、分段存储和索引文件的机制…...

编程日记 2025/8/21 10:46:57

FAISS原理深度剖析与LLM检索分割难题创新解决方案

一、FAISS核心技术解构：突破传统检索的次元壁 1.1 高维空间的降维艺术 FAISS（Facebook AI Similarity Search）通过独创的Product Quantization（乘积量化）技术，将高维向量空间切割为多个正交子空间。每个子…...

编程日记 2025/8/20 16:23:09

Windows操作系统安全配置（一）

1.操作系统和数据库系统管理用户身份标识应具有不易被冒用的特点，口令应有复杂度要求并定期更换配置方法：运行“gpedit.msc”计算机配置->Windows设置->安全设置>帐户策略->密码策略: 密码必须符合复杂性要求->启用密码长度最小值->…...

编程日记 2025/8/21 22:19:19

JavaScript promise实例——通过XHR获取省份列表

文章目录需求和步骤代码示例效果需求和步骤代码示例 <!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" conten…...

编程日记 2025/8/25 13:40:15

【力扣hot100题】（065）搜索旋转排序数组

难点在于情况真的很多需要逐一判断，画个走向图再写判断条件就行了。还有处理边界条件也比较麻烦。 class Solution { public:int search(vector<int>& nums, int target) {int left0;int rightnums.size()-1;while(left<right){int mid(leftright)/…...

编程日记 2025/8/25 13:40:14

毕设论文的分类号与UDC查询的网站

毕业论文分类号中图分类号查询链接找到自己的细分类，一个一个点就好，然后就找到了毕业论文UDC UDC查询...

编程日记 2025/8/20 13:23:01

使用以下代码可以实现多窗口之间的相互调用： import sys from PyQt5.QtWidgets import QApplication, QMainWindow import win0, win1, win2, win3 # 分别包含 Ui_win0 和 Ui_win1class Win0Window(QMainWindow, win0.Ui_win0):def __init__(self, x, parentNone)…...

编程日记 2025/8/22 1:11:12

Python基于Django的企业it资产管理系统（附源码，文档说明）

博主介绍：✌IT徐师兄、7年大厂程序员经历。全网粉丝15W、csdn博客专家、掘金/华为云//InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ 🍅文末获取源码联系🍅 👇🏻 精彩专栏推荐订阅👇&#x1f3…...

编程日记 2025/8/24 9:09:33

浅谈在HTTP中GET与POST的区别

从 HTTP 报文来看： GET请求方式将请求信息放在 URL 后面，请求信息和 URL 之间以 ？隔开，请求信息的格式为键值对，这种请求方式将请求信息直接暴露在 URL 中，安全性比较低。另外从报文结构上来看&#xff0c…...

编程日记 2025/8/23 13:49:52

计算机视觉5——运动估计和光流估计

一、运动估计 （一）运动场（Motion Field） 定义与物理意义运动场是三维场景中物体或相机运动在二维图像平面上的投影，表现为图像中每个像素点的运动速度矢量。其本质是场景点三维运动（平移、旋转、缩放等&a…...

编程日记 2025/8/17 22:24:43

8. RabbitMQ 消息队列 + 结合配合 Spring Boot 框架实现 “发布确认” 的功能

8. RabbitMQ 消息队列结合配合 Spring Boot 框架实现 “发布确认” 的功能文章目录 8. RabbitMQ 消息队列结合配合 Spring Boot 框架实现 “发布确认” 的功能1. RabbitMQ 消息队列结合配合 Spring Boot 框架实现 “发布确认” 的功能1.1 回退消息 2.备用交换机3. API说…...

编程日记 2025/8/19 6:45:55

铰链损失函数 Hinge Loss和Keras 实现

一、说明在为了了解 Keras 深度学习框架的来龙去脉，本文介绍铰链损失函数，然后使用 Keras 实现它们以进行练习并了解它们的行为方式。在这篇博客中，您将首先找到两个损失函数的简要介绍，以确保您在我们继续实现它们之前直观地理解…...

编程日记 2025/8/21 13:47:47

【Tips】Cloudflare用户与网站之间的中介

Cloudflare是一家提供多种网络服务的公司，旨在帮助网站和应用程序提高性能、安全性和可靠性。它为全球网站、应用程序和网络提供一系列网络安全、性能优化和可靠性服务。Cloudflare 的核心使命是让互联网更加安全、快速和可靠。以下是其主要服务介绍：…...

编程日记 2025/8/17 22:24:07

PDF 转图片，一行代码搞定！批量支持已上线！

大家好，我是程序员晚枫。今天我要给大家带来一个超实用的功能——popdf 现在支持 PDF 转图片了，而且还能批量操作！是不是很激动？别急，我来手把手教你玩转这个功能。 1. 一行代码搞定单文件转换 popdf 的核心就是简单暴…...

编程日记 2025/8/20 2:08:57

可以使用费曼学习法阅读重要的书籍

书本上画了很多线，回头看等于没画出任何重点。不是所有的触动都是有效的。就像你曾经看过很多好文章，当时被触动得一塌糊涂，还把它们放进了收藏夹，但一段时间之后，你就再也记不起来了。如果让你在一本书上画出令自己…...

编程日记 2025/8/23 0:44:02

基于Flask的笔记本电脑数据可视化分析系统

【Flask】基于Flask的笔记本电脑数据可视化分析系统（完整系统源码开发笔记详细部署教程）✅ 目录一、项目简介二、项目界面展示三、项目视频展示一、项目简介该系统采用Python语言进行编写，以Flask为后端框架，利用Echarts实现数…...

编程日记 2025/8/22 21:54:45

JavaScript基础--17-数组的常见方法

数组的方法清单数组的类型相关方法描述备注Array.isArray()判断是否为数组toString()将数组转换为字符串Array.from(arrayLike)将伪数组转化为真数组Array.of(value1, value2, value3)创建数组：将一系列值转换成数组注意，获取数组的长度是用length…...

编程日记 2025/8/21 2:42:35

TDengine 从入门到精通（2万字长文）

第一章：走进 TDengine 的世界 TDengine 是个啥？ 如果你首次接触 TDengine，心里可能满是疑惑：这究竟是个什么东西，能派上什么用场？简单来讲，TDengine 是一款开源、高性能且云原生的时序数据库&…...

编程日记 2025/8/21 17:05:52

ctfshow VIP题目限免（前10题）

目录源码泄露前台JS绕过协议头信息泄露 robots后台泄露 phps源码泄露源码压缩包泄露版本控制泄露源码版本控制泄露源码2 vim临时文件泄露 cookie泄露源码泄露根据题目提示是源代码泄露，右键查看页面源代码发现了 flag 前台JS绕过发现右键无法使用了&…...

编程日记 2025/8/23 4:28:40

PyTorch中的各种损失函数的详细解析与通俗理解！

目录 1. 前言 2. 回归任务中的损失函数 2.1 L1损失（Mean Absolute Error, MAE） 2.2 平方损失（Mean Squared Error, MSE） 2.3 平滑L1损失（Smooth L1 Loss） 3. 分类任务中的损失函数 3.1 交叉熵损失&a…...

编程日记 2025/8/24 20:14:27

leetcode53-最大子数组和

leetcode 53 思路本题使用贪心算法，核心在于对每一个元素进行遍历，在遍历过程里，持续更新当前的子数组和以及最大子数组和假设 sum 是当前的子数组和，max 是到目前为止最大的子数组和遍历数组时，计算每个位置的当…...

编程日记 2025/8/22 23:11:48

解决Long类型前端精度丢失和正常传回后端问题

在 Java 后端开发中，可能会遇到前后端交互过程中 Long 类型精度丢失的问题。尤其是在 JavaScript 中，由于其 Number 类型是双精度浮点数，超过 16 位的 Long 类型值就会发生精度丢失。问题背景假设有如下实体类： public class…...

编程日记 2025/8/22 23:23:57

Green Coding规范：从循环语句到数据库查询的节能写法

本文系统化阐述绿色编码的工程实践方案，通过重构循环控制结构、优化集合操作范式、改进数据库访问模式三大技术路径，实现典型业务系统降低28.6%的CPU指令周期消耗。基于对JVM和SQL解释器的指令级分析，提出循环展开的黄金分割法则、位图索引加…...

编程日记 2025/8/24 11:41:31

Spring Boot整合Elasticsearch

摘要：本文手把手教你如何在Spring Boot项目中整合Elasticsearch（ES），并实现基本的CRUD与搜索操作。包含版本选择、配置、代码示例及常见问题解决。一、环境准备 1.1 软件版本 Spring Boot: 3.xElasticsearch: 8.x（推…...

编程日记 2025/8/19 4:19:41

2025年渗透测试面试题总结- 某四字大厂面试复盘扩展一面（题目+回答）

网络安全领域各种资源，学习文档，以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具，欢迎关注。目录某四字大厂面试复盘扩展一面一、Java内存马原理与查杀二、冰蝎与哥斯拉原理对比（技术演…...

编程日记 2025/8/25 1:03:46

java基础自用笔记：文件、递归、常见的字符集、IO流

文件递归递归文件夹寻找某个文件，要先判断是否有权限进入文件夹（若无权限返回null）然后再判断文件数量是否不为0 常见的字符集 IO流字节流文件字节输入流当读取到最后一个字节的时候，装在buffer[0]中，如果后面没…...

编程日记 2025/8/24 9:57:54

关于计算机网络的一些疑问

目录 1. HTTP/1.x 中的“队头阻塞”（Head-of-Line Blocking）问题解释什么是队头阻塞？其他相关概念： 2. HPACK 算法是什么？HPACK 的作用：HPACK 的特点：HPACK 提升性能的原因： 3. 如何…...

编程日记 2025/8/21 11:26:42

超大规模数据场景(思路)——面试高频算法题目

目录用4KB内存寻找重复元素从40个亿中产生不存在的整数【位】如果只让用10MB空间存储？ 初次遍历二次遍历用2GB内存在20亿个整数中查找出现次数最多的数【分块】从亿万个URL中查找问题【分块堆】 40亿个非负整数中找出现两次的数【位不过多个位哈】 …...

编程日记 2025/8/21 17:26:46

高级：性能优化面试题深度剖析

一、引言在Java应用开发中，性能优化是确保系统高效运行的关键。面试官通过相关问题，考察候选人对性能优化的理解和实践经验。本文将深入探讨Java应用性能优化的方法，包括JVM调优、数据库优化等，结合实际开发场景，帮助…...

编程日记 2025/8/20 5:42:46

【软件】在 macOS 上安装和配置 Apache HTTP 服务器

在 macOS 上安装 Apache HTTP 服务器的步骤： 1.安装 Apache HTTP 服务器 macOS 系统可能已经预装了 Apache HTTP 服务器。你可以通过终端检查它是否已经安装： httpd -v如果系统提示command not found，说明 Apache 未安装。你可以通过 Home…...

编程日记 2025/8/20 2:27:25

数据结构之链表

定义：在计算机科学中，链表是数据元素的线性集合，其每个元素都指向下一个元素，元素存储上并不连续。链表分类：单向链表（每个元素知道下一个元素是谁）、双向链表（每个元素知道其上一…...

编程日记 2025/8/23 12:16:25

基于Python的懂车帝汽车数据爬虫分析与可视化系统

【Python】基于Python的懂车帝汽车数据爬虫分析与可视化系统 （完整系统源码开发笔记详细部署教程）✅ 目录一、项目简介二、项目界面展示三、项目视频展示一、项目简介 🚗🔥【视频简介】🔥🚗 大家好&…...

编程日记 2025/8/19 23:08:47

setInterval问题以及前端如何实现精确的倒计时

一、为什么setInterval不能实现原因有两：1、js是单线程，基于事件循环执行其他任务（这里建议读者可以多去了解一下浏览器线程与事件循环相关知识） 2、setinterval是每隔delay时间，把逻辑放到任务队列中，而…...

编程日记 2025/8/21 2:42:50

Python爬虫教程010：使用scrapy爬取当当网数据并保存

文章目录 3.6 爬取当当网数据3.6.1 创建项目3.6.2 查找要爬取的数据对象3.6.3 保存数据3.6 爬取当当网数据 3.6.1 创建项目【1、创建项目】： scrapy startproject scrapy_dangdang_095【2、创建爬虫文件】 cd scrapy_dangdang_095\scrapy_dangdang_095\spiders scrapy ge…...

编程日记 2025/8/23 1:38:20

达芬奇预设：复古16mm胶片质感老式电影放映机转场过渡+音效

达芬奇预设：复古16mm胶片质感老式电影放映机转场过渡音效特征： DaVinci Resolve 宏 8 过渡幻灯片投影仪效果可在任何帧速率和分辨率下工作教程包括系统要求： 达芬奇 Resolve 18.0...

编程日记 2025/8/18 0:28:37

Spring MVC 的请求处理流程是怎样的？

Spring MVC 请求处理流程的大致可分为以下几个步骤： 1. 请求到达 DispatcherServlet: 所有请求首先到达 DispatcherServlet（前端控制器）。DispatcherServlet 是 Spring MVC 的核心，它负责接收请求，并将请求委派给其他…...

编程日记 2025/8/21 8:11:24

PyTorch 实现图像版多头注意力（Multi-Head Attention）和自注意力（Self-Attention）

本文提供一个适用于图像输入的多头注意力机制（Multi-Head Attention）PyTorch 实现，适用于 ViT、MAE 等视觉 Transformer 中的注意力计算。模块说明输入支持图像格式 (B, C, H, W)内部转换为序列 (B, N, C)，其中 N H * W多头注…...

编程日记 2025/8/18 0:47:26

STM32单片机入门学习——第17节: [6-5] TIM输入捕获

写这个文章是用来学习的,记录一下我的学习过程。希望我能一直坚持下去,我只是一个小白,只是想好好学习,我知道这会很难，但我还是想去做！ 本文写于：2025.04.06 STM32开发板学习——第17节: [6-5] TIM输入捕获前言开发板说明引用解答和科普一…...

编程日记 2025/8/19 20:10:48

P8819 [CSP-S 2022] 星战 Solution

Preface 不可以，总司令的来源. Description 给定一张 n n n 点 m m m 边的有向图 G G G，有 q q q 次操作分四种： 1 u v：使边 u → v u\to v u→v 失活.2 u：使点 u u u 的所有入边失活.3 u v：使边…...

编程日记 2025/8/21 5:33:47

【spring02】Spring 管理 Bean-IOC，基于 XML 配置 bean

文章目录 🌍一. bean 创建顺序🌍二. bean 对象的单例和多例❄️1. 机制❄️2. 使用细节 🌍三. bean 的生命周期🌍四. 配置 bean 的后置处理器【这个比较难】🌍五. 通过属性文件给 bean 注入值🌍六. 基于 X…...

编程日记 2025/8/22 1:11:16

Llama 4架构解析与本地部署指南：MoE模型在170亿参数下的效率突破

Meta最新发布的Llama 4系列标志着开源大语言模型（LLM）的重大演进，其采用的混合专家（MoE）架构尤为引人注目。两大核心模型——Llama 4 Scout（170亿参数含16专家）和Llama 4 Maverick（170亿参数含128专家）——展现了Meta向高效能AI模型的战略转型，这些模型在挑战传统扩…...

编程日记 2025/8/22 22:29:43

`docker run --restart no,always,on-failure,unless-stopped`笔记250406

docker run --restart no,always,on-failure,unless-stopped 笔记250406 docker run --restart 用于配置容器的自动重启策略，当容器意外退出时，Docker 会根据策略自动重新启动容器。这是确保服务高可用的重要参数。语法 docker run --restart <策略…...

编程日记 2025/8/18 0:36:29

stl的VS的string的内部实现,引用计数的写实拷贝,编码

本章目标 1.stl的vs的string的内部实现 2.引用计数的写实拷贝 3.编码 1.stl的string的内部实现我们先来看一个例子 string s1; cout<<sizeof(s1)<<endl;我们知道类的内存管理也是遵循内存对齐的规则的. 我们假设当前机器的环境是32位的.string类的内部有三个成…...

编程日记 2025/8/21 10:58:53