项目10 综合实训-智能充电家用版应用

《鸿蒙应用开发项目式教程》课程教学单元设计第1页共7页《鸿蒙应用开发项目式教程》课程教学单元设计项目10综合实训——智能充电家用版应用授课教师：授课班级:学时：12教学条件计算机实训室、DevEcoStudio开发工具、投影设备、广播教学软件教学素材教材《鸿蒙应用开发项目式教程》、教学课件、实训项目单、案例源码库、微课视频、教学网站教学目标设计知识目标：1.掌握工具类的封装方法2.熟悉主界面的搭建方法3.掌握主界面的数据获取方法4.熟悉API调用方法技能目标：1.能熟练构建复杂界面2.能熟练获取后端数据素质目标：1.培养在综合项目中整合数据绑定与UI布局的系统开发思维2.提升解决复杂问题的能力任务描述本次任务为鸿蒙综合实训，基于ArkTS+ArkUI框架开发智能充电家用版应用，面向新能源车用户实现充电桩与车辆管理、充电状态监控、开始/结束充电控制。需完成项目目录搭建、RequestUtil/StorageUtils工具类封装、ApiGroup接口管理、主界面（车辆信息、充电状态、功能按钮、底部导航）开发、充电动画与状态切换、后端数据获取与绑定，最终在预览器与模拟器中调试运行，满足多鸿蒙终端控制与实时监控需求。教学内容1.鸿蒙智能充电项目目录结构规范与工程创建。2.HTTP请求封装RequestUtil（GET/POST/PUT）。3.轻量级存储StorageUtils（增删改查）。4.Tabs底部导航、TabContent与自定义组件HomeComp实现。5.主界面五区域布局：顶部栏、车辆信息、充电状态、功能按钮、底部导航。6.ApiGroup接口封装与后端数据获取。7.开始/结束充电、状态切换与充电进度动画。8.预览器与模拟器测试、接口联调与Bug修复。重点：工具类封装、底部导航实现、主界面布局、API接口调用与数据绑定难点：HTTP请求与本地存储结合、充电状态管理、异步数据获取与界面刷新、动画效果实现任务分析与实现1.任务需求分析：界面结构、充电控制、数据展示、终端适配。2.项目架构设计：工具层、接口层、UI组件层、界面路由层。3.核心功能实现：工具类封装→接口封装→主界面→充电控制→测试发布。

教学过程设计主要步骤教学内容教学方法教学手段师生活动问题引入家用新能源车充电桩如何用鸿蒙设备远程控制？智能充电App需要哪些核心界面与功能？如何通过手机实时查看充电状态？教师讲授、引导法多媒体教师：场景讲解、需求演示

学生：观察思考、提出功能设想知识讲解1.鸿蒙综合项目目录结构与启动流程

2.RequestUtilHTTP工具类封装规范

3.StorageUtils轻量级存储用法

4.Tabs底部导航与自定义组件

5.ApiGroup接口封装与异步数据获取

6.充电状态切换、动画与按钮交互逻辑启发讲解、讨论归纳多媒体、课件演示、代码投屏思考、交流互动、分组讨论、记录笔记示范操作1.创建智能充电项目，配置基础资源

2.编写RequestUtil.ets实现GET/POST/PUT

3.编写StorageUtils.ets实现存储管理

4.封装ApiGroup.ets对接后端接口

5.实现Index.ets底部Tabs导航

6.开发HomeComp.ets主界面与状态展示

7.实现开始/结束充电与动画效果

8.预览器/模拟器联调测试问题引导、操作演示、分析归纳多媒体投屏、DevEcoStudio实时演示观摩思考、记录步骤、归纳要点实战训练独立完成智能充电家用版应用全流程开发，完成工具类封装、接口管理、主界面搭建、充电控制、导航栏、数据绑定与测试运行动手实践、做中学DevEcoStudio真实开发环境实践操作、查阅资料、教师巡视指导评估讨论1.检查功能与代码完整性

2.展示标准源码与运行效果

3.学生作品演示与集体点评

4.功能、界面、代码规范综合考核教师启发、讨论归纳、分数激励实训项目单、作品投屏结果演示、问题反馈、互评改进课堂总结1.工具类封装是项目复用核心

2.Tabs+自定义组件是常用首页架构

3.异步请求需处理加载与异常

4.状态管理与动画提升体验

5.覆盖鸿蒙开发全流程教师讲解多媒体、课件演示、代码回顾整理笔记