Flutter项目开发实战（AI助学） 教案 单元6 Flutter数据持久化与网络请求

PAGE1PAGE单元6Flutter数据持久化与网络请求课程名称Flutter前端基础教程（慕课版）项目名称Flutter数据持久化与网络请求任务名称异步编程、本地数据存储与网络数据交互开发课时4项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标理解Flutter异步编程原理，掌握Future、async/await用法。掌握shared_preferences、文件操作、SQLite三种数据持久化方式。了解HTTP、dio、WebSocket三种网络请求方式。掌握网络数据请求、解析、展示的完整流程。能力目标能够熟练使用异步语法处理耗时操作。能够根据场景选用合适的方式实现本地数据持久化存储。能够使用dio插件完成网络接口请求与数据解析。能够完成商品详情、地址管理页面数据交互开发。素质目标培养异步编程思维与数据安全管控意识。提升前后端数据交互逻辑梳理能力。3.培养严谨的接口调试与问题排查职业素养。教学内容任务描述：掌握异步编程、本地数据持久化、网络请求技术，实现App数据存储与前后端交互。任务展示与实现Flutter异步编程核心语法与实操演示轻量存储、文件存储、数据库存储三种持久化方式开发HTTP、dio、WebSocket网络请求方式对比与实操网络数据请求、解析、异常处理与页面展示综合实操：搭建商品详情和地址管理页面，实现数据持久化与网络交互学生动手实操，完成数据存储与网络请求开发教师讲解异步编程、网络请求重难点与接口调试技巧4.任务小结与数据交互问题答疑教学重点Future与async/await异步编程语法应用shared_preferences轻量数据持久化开发dio插件网络请求与数据解析实操本地数据存储与网络数据联动开发教学难点异步任务执行顺序与嵌套逻辑处理SQLite数据库增删改查实操应用网络请求异常捕获、重试与数据适配多数据源整合与页面数据实时更新教学准备稳定运行的Flutter实训开发环境异步编程、数据存储、网络请求教学PPT与案例代码《Flutter前端基础教程（慕课版）》配套教材、4.测试接口文档、页面开发任务书、效果图素材作业设计使用shared_preferences实现用户登录信息本地持久化存储。调用公共测试接口，使用dio完成网络请求、数据解析与页面展示。3.仿瑞幸咖啡App，完成商品详情页数据加载与地址数据存储开发。教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前5分钟教学管理，检查实训室电脑网络、开发环境，打开教学课件、异步与网络请求案例代码，确认测试接口可正常访问，调试模拟器，做好授课准备。【课前说明】数据持久化与网络请求是App实现数据留存、前后端交互的核心技术，异步编程是处理耗时操作的基础。本单元重点讲解三大核心能力，贴合真实项目开发场景。【目的】让学生掌握Flutter异步编程、本地数据存储、网络数据交互技术，能够独立实现App数据持久化与接口对接，具备完整的数据层开发能力。Flutter异步编程异步概念：讲解同步与异步区别、耗时操作的处理逻辑。Future组件：异步任务封装、任务状态监听、链式调用。async/await语法：简化异步代码编写，实现异步任务同步化执行，解决回调地狱问题。数据持久化技术shared_preferences：轻量键值对存储，适配用户配置、登录状态等简单数据，讲解增删查改实操。文件操作：本地文件创建、读写、删除，适配图片、文档等文件数据存储。SQLite数据库：嵌入式数据库配置、数据表创建、增删改查操作，适配大量结构化数据存储。对比三种存储方式的优劣与适用场景，指导学生合理选型。网络请求技术基础HTTP请求：原生请求方式、参数传递、数据接收。dio插件：主流网络请求插件，封装GET/POST请求、请求拦截、异常处理。WebSocket：长连接实时通信，适配聊天、实时数据更新场景。数据解析：JSON数据解析、模型转换、页面数据渲染。综合项目开发结合电商项目，实现商品数据网络请求解析、地址数据本地持久化存储，完成商品详情页、地址管理页面完整数据交互逻辑。异步实训：编写异步代码，实现延时任务、链式异步调用。持久化实训：分别使用三种存储方式，完成数据本地保存与读取。网络实训：使用dio调用测试接口，完成数据请求、解析与页面展示。4.综合实训：完成仿京东商城商品详情、地址管理页面数据交互开发，整合持久化与网络请求功能。5.排查网络报错、数据存储失效、解析异常等问题。知识总结熟练掌握Flutter异步编程核心语法与耗时任务处理。精通三种本地数据持久化方式的选型与实操开发。掌握主流网络请求方式、数据解析与异常处理。能力总结学生能够独立完成异步任