输入数据 → 保存 → 读取验证 → 可清除。页面自上而下分为四块区域：顶部返回栏（返回按钮 + 标题「数据存储」）；主操作卡片（标题 + 姓名输入框 + 年龄输入框 + 保存/读取/清除三按钮 + 已保存数据展示区）；底部提示文字（「应用重启后数据仍然保留，试试重新进入本页」）。是 HarmonyOS 提供的轻量级数据存储 API，来自模块。键值对存储：数据以 key-value 形式存储，ke

输入数据 → 保存 → 读取验证 → 可清除。页面自上而下分为四块区域：顶部返回栏（返回按钮 + 标题「数据存储」）；主操作卡片（标题 + 姓名输入框 + 年龄输入框 + 保存/读取/清除三按钮 + 已保存数据展示区）；底部提示文字（「应用重启后数据仍然保留，试试重新进入本页」）。是 HarmonyOS 提供的轻量级数据存储 API，来自模块。键值对存储：数据以 key-value 形式存储，ke

输入关键字 → 实时过滤列表 → 点击查看详情 → 可清空重置。页面自上而下分为五块区域：顶部返回栏（返回按钮 + 标题「城市搜索」）；搜索栏（TextInput输入框 + 「清空」按钮）；结果统计文本（「共 N 条结果」）；结果列表（ListForEach渲染匹配的城市）或空状态提示（无匹配时显示）；底部提示文字（「支持中文包含匹配，如输入"北"可匹配"北京"」）。示例 94 的搜索列表展示了实

输入关键字 → 实时过滤列表 → 点击查看详情 → 可清空重置。页面自上而下分为五块区域：顶部返回栏（返回按钮 + 标题「城市搜索」）；搜索栏（TextInput输入框 + 「清空」按钮）；结果统计文本（「共 N 条结果」）；结果列表（ListForEach渲染匹配的城市）或空状态提示（无匹配时显示）；底部提示文字（「支持中文包含匹配，如输入"北"可匹配"北京"」）。示例 94 的搜索列表展示了实

查看成绩表 → 点击排序 → 查看排序结果与平均分。页面自上而下分为五块区域：顶部返回栏（返回按钮 + 标题「表格数据」）；表头行（姓名/年龄/城市/分数四列，蓝色背景白色文字）；数据区（Grid5 行 4 列，斑马纹交替背景，分数列动态颜色）；统计卡片（学生人数 + 平均分）；排序按钮 + 使用提示文字。GridGrid() {Row() {}, ...)}, ...)Grid：列模板，表示 4

查看成绩表 → 点击排序 → 查看排序结果与平均分。页面自上而下分为五块区域：顶部返回栏（返回按钮 + 标题「表格数据」）；表头行（姓名/年龄/城市/分数四列，蓝色背景白色文字）；数据区（Grid5 行 4 列，斑马纹交替背景，分数列动态颜色）；统计卡片（学生人数 + 平均分）；排序按钮 + 使用提示文字。GridGrid() {Row() {}, ...)}, ...)Grid：列模板，表示 4

选择城市 → 选择日期 → 选择时间 → 查看汇总结果 → 可重置。页面自上而下分为五块区域：顶部返回栏（返回按钮 + 标题「选择器演示」）；城市选择卡片（标签 + 当前值 +Select下拉组件）；日期选择卡片（标签 +DatePicker滚轮）；时间选择卡片（标签 +TimePicker滚轮）；汇总结果卡片（城市/日期/时间三行蓝色文字）；底部「重置」按钮。@State cityText: s

选择城市 → 选择日期 → 选择时间 → 查看汇总结果 → 可重置。页面自上而下分为五块区域：顶部返回栏（返回按钮 + 标题「选择器演示」）；城市选择卡片（标签 + 当前值 +Select下拉组件）；日期选择卡片（标签 +DatePicker滚轮）；时间选择卡片（标签 +TimePicker滚轮）；汇总结果卡片（城市/日期/时间三行蓝色文字）；底部「重置」按钮。@State cityText: s

点击打开菜单 → 查看菜单项 → 点击选中 → 自动收起。页面自上而下分为三块区域：顶部是返回栏，左侧「返回」按钮调用返回上一页，中间是标题「侧滑菜单」；中部是容器，左侧菜单栏占 40% 宽度，深色背景（#1f2733），右侧主内容区占满剩余空间，浅灰背景（#f2f3f5底部功能说明卡片列出三条使用提示。示例 91 的侧滑菜单虽然代码量不大，但涉及了的核心用法、状态绑定与双向同步、动态样式绑定、列

点击打开菜单 → 查看菜单项 → 点击选中 → 自动收起。页面自上而下分为三块区域：顶部是返回栏，左侧「返回」按钮调用返回上一页，中间是标题「侧滑菜单」；中部是容器，左侧菜单栏占 40% 宽度，深色背景（#1f2733），右侧主内容区占满剩余空间，浅灰背景（#f2f3f5底部功能说明卡片列出三条使用提示。示例 91 的侧滑菜单虽然代码量不大，但涉及了的核心用法、状态绑定与双向同步、动态样式绑定、列