Flutter - 如何将数据从网站解析为列表视图

Question

我正在寻找有关我的测试应用程序的帮助,以提供一个新闻源,从网站解析它的数据,即VMoneyNews (我有权使用他们的数据).

我的目标是为这个来解析article title,main article text并article image在每一篇文章的Bitcoin News类别执行到listView,在这种情况下的水平listViewRow.

请不要在每篇文章的顶部以粗体显示标题文本,也不要在类似文章的链接中包含.

有人可以请我提供此代码吗？我假设这将使用HTML依赖,但我不知道从哪里开始实现此功能.

谢谢.

Answer 1

我创建了一个完整的应用程序,显示如何解析HTML并从中提取数据,你可以在这里找到它,但想法很简单:

1.导入这3个库进行html解析

import 'package:http/http.dart' as http;
import 'package:html/parser.dart' as parser;
import 'package:html/dom.dart' as dom;

2.从您想要的页面中获取数据

Future<List<String>> getData() async { 
  http.Response response = await http.get('website');
}

3.从网站上提取数据

dom.Document document = parser.parse(response.body);

4.取决于你的需要让我们说你想要使用article标签获取所有元素

document.getElementsByTagName('article')

然后你可以迭代使用for-each抛出所有文章,并做同样的事情来获取文章中的数据.还考虑为文章制作一个模型类,以便稍后可以轻松地修改它