鸿蒙的横向滚动菜单和分组Group列表菜单和fetch请求加载聚合数据

 本文的项目是通过远程调用聚合数据制作一个新闻页面.首先要明确以下几点:

1.页面加载的时候 用户点击加载浏览什么服务器就加载什么,若一下全部加载出来不仅对页面布局有负担,而且对服务器的负载也很大,造成服务器资源浪费.

2.思路过程(以制作首页为例):  onInit首先加载拿到首页数据;用户点击那个菜单加载那个菜单的数据.

项目过程如下:

1.导入鸿蒙的网络请求模块fetch  (上篇文章也讲到)   这里需要重点注意的是:一定要到config.json中去看有没有配置二级域名 不然看不到数据.例如我这里是v.juhe.cn 下图:

2.因为鸿蒙没有可视化窗口 ,因此我们可以制作一个调试可视化窗口.调试完成后 再将其去掉 . 这个窗口的目的仅是让自己通过可视化窗口清楚明了的看到是否成功拿到数据,便于我们更好的跟踪和调试.(点击事件changemenu跳转到js中 将当前点击的菜单项赋值给currentIndex就做制作一个调试窗口)具体代码及标注以下会详细给出. 展示想过如下图:

模拟器中的字样来自于聚合数据给定的样式:

js业务逻辑层:

文章后续内容和相关附件可以点击下面的原文链接前往学习

原文链接：https://harmonyos.51cto.com/posts/2902#bkwz

想了解更多关于鸿蒙的内容，请访问：

51CTO和华为官方战略合作共建的鸿蒙技术社区

https://harmonyos.51cto.com/#bkwz