项目3 乐购圈应用

《鸿蒙应用开发项目式教程》课程教学单元设计第1页共7页《鸿蒙应用开发项目式教程》课程教学单元设计项目3乐购圈应用授课教师：授课班级:学时：12教学条件计算机实训室、DevEcoStudio开发工具、投影设备、广播教学软件教学素材教材《鸿蒙应用开发项目式教程》、教学课件、实训项目单、案例源码库、微课视频、教学网站教学目标设计知识目标：

1.熟悉ArkUI基础组件的类型和使用方法。

2.掌握容器组件的布局方式。

3.理解路由的基本原理。技能目标：

1.能够使用基础组件构建简单界面。

2.能够灵活使用容器组件进行布局。

素质目标：

1.具有良好的软件编码规范素养2.提升问题解决能力任务描述为满足消费者在购物过程中对社交互动、分享体验和获取建议的需求，需要开发一款"乐购圈"社交购物App。该App主要包含三个核心页面：登录页面（提供账号密码登录、短信验证码登录和第三方登录选项）、首页（展示轮播商品推广和好物推荐）、我的页面（显示用户账号信息，提供订单、资讯、关注等功能）。教学内容熟悉ArkUI基础组件的类型和使用方法。

掌握容器组件的布局方式。

理解路由的基本原理。

学习乐购圈App的整体架构设计。重点：

熟悉ArkUI基础组件的类型和使用方法；掌握容器组件的布局方式；理解路由的基本原理。难点：

容器组件布局的灵活运用；路由跳转的实现；页面间数据传递。任务分析与实现1.需求：购物浏览、用户登录、底部导航、个人信息管理；2.流程：新建项目→准备资源→定义常量与数据模型→构建自定义组件→实现登录与主页面→注册页面路由→预览与模拟器测试；3.效果：登录验证跳转、首页轮播与商品展示、Tab切换、个人中心信息展示。

教学过程设计主要步骤教学内容教学方法教学手段师生活动问题引入什么是ArkUI组件？为什么需要容器组件？路由在App开发中有什么作用？教师讲授

引导法多媒体教师：讲解演示

学生：观察思考知识讲解1：熟悉ArkUI基础组件的类型和使用方法。

2：掌握容器组件的布局方式。

3：理解路由的基本原理。

4：乐购圈App架构设计。启发讲解

讨论归纳多媒体

课件演示

代码投屏思考

交流互动

分组讨论

记录笔记示范操作1：使用Text、Image、Button等基础组件。

2：使用Column、Row、Stack等容器组件布局。

3：配置路由实现页面跳转。

4：搭建乐购圈App项目框架。问题引导

操作演示

分析归纳多媒体投屏

DevEcoStudio实时演示观摩思考

归纳总结实战训练课堂实践：完成乐购圈App登录页面开发，使用ArkUI基础组件和容器组件进行布局，并实现路由跳转功能。动手实践

做中学DevEcoStudio真实开发环境实践操作

查阅资料

巡视指导评估讨论1.评估讨论实训任务的实施过程；

2.给出参考的解决方案；

3.展示讨论学生的解决方案；教师启发

讨论归纳

分数激励实训项目单

结果演示思考

结果演示课堂总结1.ArkUI基础组件是构建UI界面的基础，包括Text、Image、Button等。

2.掌握容器组件的布局方式包括Column、Row、Stack等容器的灵活运用。

3.理解路由的基本原理包括页面注册、路由跳转和数据传递。

4.乐购圈App采用模块化架构，包含登录、首页、我的三个核心模块。教师讲解多媒体

课件演示

代码回顾整理笔记

引导创新课后作业完善项目代码，独立完成AI赋能拓展任务：在乐购圈应用中添加一个注册页面，允许