项目7 校园通应用

《鸿蒙应用开发项目式教程》课程教学单元设计第1页共7页《鸿蒙应用开发项目式教程》课程教学单元设计项目7校园通应用授课教师：授课班级:学时：12教学条件计算机实训室、DevEcoStudio开发工具、投影设备、广播教学软件教学素材教材《鸿蒙应用开发项目式教程》、教学课件、实训项目单、案例源码库、微课视频、教学网站教学目标设计知识目标：1．了解NetworkKit网络服务概念2．了解网络连接管理、网络状态变化3．掌握使用HTTP访问网络的方法4．掌握使用RCP访问网络的方法技能目标：1．能熟练将项目接入网络2．能熟练使用NetworkKit请求数据素质目标：1．树立规范使用网络、注重数据安全的意识2．在封装网络请求、处理异步数据时，培养构建清晰的代码结构与主动调试排错的习惯任务描述本项目旨在开发一款名为“校园通”的移动应用，为师生提供便捷的校园信息服务。在主界面展示当前日期以及用户信息；点击“进入校园”按钮后进入校园通主功能界面，展示校园新闻和本周课表，底部留言板提供提交留言功能。教学内容1.网络服务NetworkKit简介。2.网络状态变化。3.使用HTTP请求网络数据。4.使用RCP请求网络数据。5.搭建本地Node服务器。重点：使用HTTP请求网络数据难点：数据的请求与处理，异步处理、异常捕获任务分析与实现1.任务需求分析：开发校园通App，实现首页数据加载、校园新闻、课程表、留言提交以及新闻详情弹窗查看等网络交互功能。2.项目架构设计：采用鸿蒙ArkUI前端页面+Node.js本地服务端架构，通过HTTP协议完成客户端与服务端的数据通信与接口调用。3.核心功能实现：配置网络权限并搭建本地Node服务器，使用HTTP的GET/POST请求完成数据拉取与留言提交，新增接口与弹窗组件实现新闻详情查看功能。

教学过程设计主要步骤教学内容教学方法教学手段师生活动问题引入结合日常校园场景提问：校园通知、课表、留言等信息如何在手机App上实时展示？引出NetworkKit网络框架，讲解本项目将借助HTTP网络通信，完成校园通App数据交互开发。教师讲授引导法多媒体教师：讲解演示学生：观察思考知识讲解介绍NetworkKit网络服务整体作用、应用场景与所需网络权限配置；讲解网络状态监听的对象创建、事件订阅、启停监听全套流程；详解HTTP协议GET/POST请求用法、请求参数、响应结果解析及异常处理；简述RCP通信框架核心概念与基础使用；5.讲解Node.js本地HTTP服务器搭建、路由接口编写与跨域配置。启发讲解讨论归纳多媒体课件演示代码投屏思考交流互动分组讨论记录笔记示范操作搭建Node.js本地服务器，编写用户、日期、新闻、课表、留言及新闻详情接口；在鸿蒙项目中配置网络权限，搭建项目页面目录；编码实现首页GET请求加载日期、用户信息，完成页面路由跳转；4.实现主页面新闻、课表数据拉取与留言板POST提交功能。问题引导操作演示分析归纳多媒体投屏DevEcoStudio实时演示观摩思考归纳总结实战训练1.完成网络权限配置、搭建本地Node服务器。2.完成实现校园通首页、主页面基础布局。3.使用GET/POST网络请求，完成数据展示与留言提交。动手实践做中学DevEcoStudio真实开发环境实践操作查阅资料巡视指导评估讨论展示学生实训作品，从权限配置、网络请求、功能完整性、代码规范四个维度进行点评；汇总网络请求失败、跨域报错、数据解析异常等常见问题并统一讲解解决方案；3.分组讨论GET与POST请求的使用区别、移动端网络开发注意事项。教师启发讨论归纳分数激励实训项目单作品投屏思考结果演示课堂总结1回顾NetworkKit、网络状态监听、HTTP请求、Node服务等核心知识点；2.梳理校园通App从服务端搭建、权限配置、页面开发到网络交互的完整开发流程；重申网络请求异步处理、异常捕获、跨域处理等重难点；4.强调规范编码与严谨排查问题的职业素养。教师讲解多媒体课件演示代码回顾整理