初级鸿蒙项目
2025年9月10日大约 2 分钟教学文档HarmonyOSTypeScript
🎯 简易计算器(入门级)
需求分析:
- 实现加减乘除四则运算
- 支持连续运算和小数点输入
- 清除(C)和退格(←)功能
- 显示当前输入和计算结果
- 适配手机端竖屏界面
界面设计(Figma/Pixso):
- 顶部:结果显示屏(大字体)
- 中部:数字键 0-9
- 底部:运算符 + - × ÷ =、C、←
- 使用网格布局,按钮圆角+阴影,配色简洁
ArkTS实现:
- 使用@State管理当前输入和结果
- Column/Row/Grid布局组织界面
- onClick事件绑定每个按钮
- 实现运算逻辑(注意除零处理)
测试:
- 测试边界值(如 0.1 + 0.2)
- 连续运算测试(如 2 + 3 × 4)
- 退格和清除功能验证
- 多设备分辨率适配测试
项目报告:
- 包含设计图、代码结构、核心算法、测试用例、遇到的问题与解决方案
🎯 待办事项清单(基础数据管理)
需求分析:
- 添加、删除、标记完成待办事项
- 数据本地持久化(使用@AppStorage或Preferences)
- 支持编辑已有事项
- 按完成状态筛选显示
- 下拉刷新/上滑加载(模拟)
界面设计:
- 顶部标题 + “+”添加按钮
- 中部:List显示待办项,带复选框和删除按钮
- 底部:筛选Tab(全部/未完成/已完成)
- 编辑弹窗样式设计
ArkTS实现:
- 使用@State/@LocalStorage管理数据
- List + ForEach渲染项
- Modal或CustomDialog实现编辑弹窗
- 使用Preferences保存数据到本地
测试:
- 添加100条数据测试性能
- 删除/编辑后数据是否同步
- 重启App后数据是否保留
- 筛选功能是否准确
项目报告:
- 数据流设计图、状态管理方案、持久化方案对比、性能优化点
🎯 天气预报App(网络+API+定位)
需求分析:
- 自动定位获取城市天气
- 支持手动搜索城市
- 显示当前温度、天气图标、湿度、风速
- 未来7天预报(列表/滑动卡片)
- 下拉刷新更新数据
界面设计:
- 顶部:城市名 + 定位图标 + 搜索图标
- 中部:大字体温度 + 天气图标 + 简要描述
- 底部:横向滑动7日预报卡片
- 搜索页:输入框 + 城市列表
ArkTS实现:
- 调用高德/和风天气API(需申请key)
- 使用@ohos.geoLocation获取位置
- 使用http模块请求数据
- Swiper组件展示7日预报
- 搜索页使用Search组件 + List
测试:
- 无网络时显示友好提示
- 定位失败时手动搜索可用
- API返回异常时的容错处理
- 不同城市数据加载测试
项目报告:
- API对接流程、权限申请说明、错误处理机制、UI/UX优化建议