任务背景

任务描述

根据所给接口，仿照“开眼”APP开发UI界面，并实现页面路由、发帖、评论等APP基础功能

训练目标

  1. 对接口的使用
  2. 各种组件的综合运用
  3. 布局
  4. 性能优化

实现思路

布局

  1. 对于首页，用Tabs开发下方导航栏

路由

使用router或者CustomDialog完成页面跳转

接口数据获取

  1. 根据接口格式，通过相关工具JsonTool、开眼App具体布局，分析接口数据应用方式
  2. 通过http包的Get方法请求数据

问题与解决方案

问题 解决方案
接口数据庞大，难以下手 写一个DataAnalysis组件去分析Json里的重要数据，比如type
根据type分析该type下的数据用于何处
如何申请模拟器网络权限 src/main/resources/module.json5中的module添加"requestPermissions": [{“name”: “ohos.permission.INTERNET” 
}],

优化

待优化方向

  1. 使用Navigation组件开发首页
  2. 尽量不用Flex
  3. 使用LazyForEach
  4. 用泛型等面向对象思想减少组件冗余

具体优化思路

参考答案分析

总结

没啥难度，但有些收获。收获如下：

  1. router的使用
  2. 嵌套CustomDialog的使用
  3. Video的使用
  4. 小技巧Swiper() .index(&&this.idx)