鸿蒙应用开发项目式教程（AI助学）（微课版）-教案 项目3 乐购圈应用、项目4 手势密码应用

《鸿蒙应用开发项目式教程》课程教学单元设计第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赋能拓展任务：在乐购圈应用中添加一个注册页面，允许新用户创建账号。该页面将从登录页面的注册新账号按钮进入，包含基本的注册表单；提交完整源码、运行截图、实训报告。任务布置、自主拓展多媒体布置作业

提出要求《鸿蒙应用开发项目式教程》课程教学单元设计项目4手势密码应用授课教师：授课班级:学时：8教学条件计算机实训室、DevEcoStudio开发工具、投影设备、广播教学软件教学素材教材《鸿蒙应用开发项目式教程》、教学课件、实训项目单、案例源码库、微课视频、教学网站教学目标设计知识目标：

1.掌握ArkDataPreferencesAPI的常用方法及生命周期2.理解轻量级键值对存储机制。3.熟悉PatternLock组件的属性、事件及PatternLockController控制器的使用方法技能目标：

1.能够使用PreferencesAPI完成数据的异步读写、更新与持久化。2.能够基于PatternLock组件实现图案密码的设置、验证与重置完整流程。素质目标：

1.具有良好的数据安全与隐私保护意识，遵循最小权限与加密存储规范。2.提升异常处理与调试能力，能主动记录日志并定位数据操作错误。任务描述本应用展示了手势密码组件的使用，实现了密码设置、验证和重置功能。手势密码组件：以宫格图案的方式输入密码，用于密码验证。手指触碰屏幕上的手势密码区域时开始进入输入状态，手指离开屏幕时结束输入状态并向应用返回输入的密码。使用到用户首选项接口@ohos.data.preferences异步获取用户设定过的密码。教学内容掌握ArkDataPreferencesAPI的常用方法及生命周期。

理解轻量级键值对存储机制。

熟悉PatternLock组件的属性、事件。

学习手势密码App的整体架构设计。重点：

掌握ArkDataPreferencesAPI的常用方法及生命周期；理解轻量级键值对存储机制；熟悉PatternLock组件的属性、事件。难点：

PreferencesAPI的生命周期管理；PatternLock组件的事件处理；数据存储的安全性保障。任务分析与实现需求：图案密码设置、密码验证、密码重置、数据持久化、页面跳转流程：新建项目→准备资源→定义常量→封装工具类→构建自定义组件→实现Index主页面→实现Home页面→注册页面路由→预览与模拟器测试3.效果：首次设置密码、验证解锁、重置密码、解锁成功提示

教学过程设计主要步骤教学内容教学方法教学手段师生活动问题引入什么是ArkDataPreferences？轻量级键值对存储有什么特点？PatternLock组件如何实现手势识别？教师讲授

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

学生：观察思考知识讲解1：掌握ArkDataPreferencesAPI的常用方法及生命周期。

2：理解轻量级键值对存储机制。

3：熟悉PatternLock组件的属性、事件。

4：手势密码App架构设计。启发讲解

讨论归纳多媒体

课件演示

代码投屏思考

交流互动

分组讨论

记录笔记示范操作1：创建Preferences实例并进行数据存储。

2：实现数据的读取、更新和删除操作。

3：使用PatternLock组件实现手势输入。

4：搭建手势密码App项目框架。问题引导

操作演示

分析归纳多媒体投屏

DevEcoStudio实时演示观摩思考

归纳总结实战训练课堂实践：完成手势密码App的核心功能开发，包括手势密码的创建、验证和存储功能。动手实践

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

查阅资料

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

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

3.展示讨论学生的解决方案；

4.考核学生结果。教师启发

讨论归纳

分数激励实训项目单

结果演示思考

结果演示课堂总结1.ArkDataPreferences是鸿蒙提供的轻量级键值对存储API，适用于存储少量配置数据。

2.理解轻量级键值对存储机制具有高效、简单的特点，适合存储用户偏好设置等数据。

3.熟悉PatternLock组件的属性、事件包括手势绘制、验证、回调事件处理等。

4.手势密码