跳至主要內容

初级鸿蒙项目

周子力2025年9月10日大约 2 分钟教学文档HarmonyOSTypeScript

🎯 简易计算器(入门级)

  1. 需求分析:

    • 实现加减乘除四则运算
    • 支持连续运算和小数点输入
    • 清除(C)和退格(←)功能
    • 显示当前输入和计算结果
    • 适配手机端竖屏界面
  2. 界面设计(Figma/Pixso):

    • 顶部:结果显示屏(大字体)
    • 中部:数字键 0-9
    • 底部:运算符 + - × ÷ =、C、←
    • 使用网格布局,按钮圆角+阴影,配色简洁
  3. ArkTS实现:

    • 使用@State管理当前输入和结果
    • Column/Row/Grid布局组织界面
    • onClick事件绑定每个按钮
    • 实现运算逻辑(注意除零处理)
  4. 测试:

    • 测试边界值(如 0.1 + 0.2)
    • 连续运算测试(如 2 + 3 × 4)
    • 退格和清除功能验证
    • 多设备分辨率适配测试
  5. 项目报告:

    • 包含设计图、代码结构、核心算法、测试用例、遇到的问题与解决方案

🎯 待办事项清单(基础数据管理)

  1. 需求分析:

    • 添加、删除、标记完成待办事项
    • 数据本地持久化(使用@AppStorage或Preferences)
    • 支持编辑已有事项
    • 按完成状态筛选显示
    • 下拉刷新/上滑加载(模拟)
  2. 界面设计:

    • 顶部标题 + “+”添加按钮
    • 中部:List显示待办项,带复选框和删除按钮
    • 底部:筛选Tab(全部/未完成/已完成)
    • 编辑弹窗样式设计
  3. ArkTS实现:

    • 使用@State/@LocalStorage管理数据
    • List + ForEach渲染项
    • Modal或CustomDialog实现编辑弹窗
    • 使用Preferences保存数据到本地
  4. 测试:

    • 添加100条数据测试性能
    • 删除/编辑后数据是否同步
    • 重启App后数据是否保留
    • 筛选功能是否准确
  5. 项目报告:

    • 数据流设计图、状态管理方案、持久化方案对比、性能优化点

🎯 天气预报App(网络+API+定位)

  1. 需求分析:

    • 自动定位获取城市天气
    • 支持手动搜索城市
    • 显示当前温度、天气图标、湿度、风速
    • 未来7天预报(列表/滑动卡片)
    • 下拉刷新更新数据
  2. 界面设计:

    • 顶部:城市名 + 定位图标 + 搜索图标
    • 中部:大字体温度 + 天气图标 + 简要描述
    • 底部:横向滑动7日预报卡片
    • 搜索页:输入框 + 城市列表
  3. ArkTS实现:

    • 调用高德/和风天气API(需申请key)
    • 使用@ohos.geoLocation获取位置
    • 使用http模块请求数据
    • Swiper组件展示7日预报
    • 搜索页使用Search组件 + List
  4. 测试:

    • 无网络时显示友好提示
    • 定位失败时手动搜索可用
    • API返回异常时的容错处理
    • 不同城市数据加载测试
  5. 项目报告:

    • API对接流程、权限申请说明、错误处理机制、UI/UX优化建议

上次编辑于: 2025/9/10 06:30:23
贡献者: zilizhou