在config下创建service_url.dart 用来配置我们后端接口的配置文件

Flutter实战视频-移动电商-09.首页_项目结构建立和获取数据

 一个变量存 接口地址,一个接口方法地址

Flutter实战视频-移动电商-09.首页_项目结构建立和获取数据

所有后天请求数据的方法都放在这个文件夹下/lib/service文件夹

Flutter实战视频-移动电商-09.首页_项目结构建立和获取数据

 

再创建serevice_method.dart文件

Flutter实战视频-移动电商-09.首页_项目结构建立和获取数据

首先引入dio的包,再引入异步的包,再引入io的包。

最后引入service_url配置的文件

Flutter实战视频-移动电商-09.首页_项目结构建立和获取数据

然后开始写获取首页主题内容的代码

Flutter实战视频-移动电商-09.首页_项目结构建立和获取数据

 

home_page.dart页面重写

Flutter实战视频-移动电商-09.首页_项目结构建立和获取数据

我们把请求的数据直接放在Text里面显示了。

Flutter实战视频-移动电商-09.首页_项目结构建立和获取数据

 

显示效果

Flutter实战视频-移动电商-09.首页_项目结构建立和获取数据

 

最终代码:

lib/config/service_url.dart

const serviceUrl='http://test.baixingliangfan.cn/baixing/';
const servicePath={
  'homePageContent':serviceUrl+'wxmini/homePageContent',//商店首页信息
};
service_url.dart

相关文章: