import 'package:flutter/material.dart';
import '../service/service_method.dart';
import 'package:flutter_swiper/flutter_swiper.dart';
import 'dart:convert';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:url_launcher/url_launcher.dart';class HomePage extends StatefulWidget {@override_HomePageState createState() => _HomePageState();
}class _HomePageState extends State<HomePage> with AutomaticKeepAliveClientMixin{@overridebool get wantKeepAlive => true;@overridevoid initState() { super.initState();print('1111111');}String homePageContent='正在获取数据';@overrideWidget build(BuildContext context) {var formData={'lon':'115.02932','lat':'35.76189'};//传一个经纬度过去，防止恶意下单return Scaffold(appBar: AppBar(title: Text('百姓生活+')),body: FutureBuilder(future: request('homePageContent',formData:formData),builder: (context, snapshot) {if(snapshot.hasData){var data=json.decode(snapshot.data.toString());List<Map> swiper=(data['data']['slides'] as List).cast();List<Map> navigatorList=(data['data']['category'] as List).cast();String adPicture=data['data']['advertesPicture']['PICTURE_ADDRESS'];String leaderImage=data['data']['shopInfo']['leaderImage'];String leaderPhone=data['data']['shopInfo']['leaderPhone'];List<Map> recommendList=(data['data']['recommend'] as List).cast();String floor1Title=data['data']['floor1Pic']['PICTURE_ADDRESS'];String floor2Title=data['data']['floor2Pic']['PICTURE_ADDRESS'];String floor3Title=data['data']['floor3Pic']['PICTURE_ADDRESS'];List<Map> floor1=(data['data']['floor1'] as List).cast();List<Map> floor2=(data['data']['floor2'] as List).cast();List<Map> floor3=(data['data']['floor3'] as List).cast();return SingleChildScrollView(child: Column(children: <Widget>[SwiperDiy(swiperDateList: swiper),TopNavigator(navigatorList:navigatorList ,),AdBanner(adPicture:adPicture),LeaderPhone(leaderImage: leaderImage,leaderPhone: leaderPhone,),Recommend(recommendList:recommendList),FloorTitle(picture_address: floor1Title,),//楼层1的标题图片
                  FloorContent(floorGoodsList: floor1),FloorTitle(picture_address: floor2Title,),//楼层1的标题图片
                  FloorContent(floorGoodsList: floor2),FloorTitle(picture_address: floor3Title,),//楼层1的标题图片
                  FloorContent(floorGoodsList: floor3),HotGoods()],),);}else{return Center(child: Text('加载中....'));}},),);}
}
//首页轮播插件
class SwiperDiy extends StatelessWidget {final List swiperDateList;//构造函数SwiperDiy({this.swiperDateList});@overrideWidget build(BuildContext context) {// print('设备的像素密度：${ScreenUtil.pixelRatio}');// print('设备的高：${ScreenUtil.screenWidth}');// print('设备的宽：${ScreenUtil.screenHeight}');return Container(height: ScreenUtil().setHeight(333),//
      width:ScreenUtil().setWidth(750),child: Swiper(itemBuilder: (BuildContext context,int index){return Image.network("${swiperDateList[index]['image']}",fit: BoxFit.fill,);},itemCount: swiperDateList.length,pagination: SwiperPagination(),autoplay: true,),);}
}class TopNavigator extends StatelessWidget {final List navigatorList;TopNavigator({Key key, this.navigatorList}) : super(key: key);Widget _gridViewItemUI(BuildContext context,item){return InkWell(onTap: (){print('点击了导航');},child: Column(children: <Widget>[Image.network(item['image'],width: ScreenUtil().setWidth(95)),Text(item['mallCategoryName'])],),);}@overrideWidget build(BuildContext context) {if(this.navigatorList.length>10){this.navigatorList.removeRange(10,this.navigatorList.length);//从第十个截取，后面都截取掉
    }return Container(height: ScreenUtil().setHeight(320),//只是自己大概预估的一个高度，后续可以再调整padding: EdgeInsets.all(3.0),//为了不让它切着屏幕的边缘，我们给它一个padding
      child: GridView.count(crossAxisCount: 5,//每行显示5个元素padding: EdgeInsets.all(5.0),//每一项都设置一个padding，这样他就不挨着了。
        children: navigatorList.map((item){return _gridViewItemUI(context,item);}).toList(),),);}
}class AdBanner extends StatelessWidget {final String adPicture;AdBanner({Key key, this.adPicture}) : super(key: key);@overrideWidget build(BuildContext context) {return Container(child: Image.network(adPicture),);}
}//店长电话模块
class LeaderPhone extends StatelessWidget {final String leaderImage;//店长图片final String leaderPhone;//店长电话
LeaderPhone({Key key, this.leaderImage,this.leaderPhone}) : super(key: key);@overrideWidget build(BuildContext context) {return Container(child: InkWell(onTap: _launchURL,child: Image.network(leaderImage),),);}void _launchURL() async {String url = 'tel:'+leaderPhone;//String url = 'http://jspang.com';if(await canLaunch(url)){await launch(url);}else{throw 'url不能进行访问，异常';}}
}//商品推荐
class Recommend extends StatelessWidget {final List recommendList;Recommend({Key key, this.recommendList}) : super(key: key);//商品标题
  Widget _titleWidget(){return Container(alignment: Alignment.centerLeft,//局长靠左对齐padding: EdgeInsets.fromLTRB(10.0, 2.0, 0, 5.0),//左上右下
      decoration: BoxDecoration(color: Colors.white,border: Border(bottom: BorderSide(width: 0.5,color: Colors.black12) //设置底部的bottom的边框，Black12是浅灰色
        ),),child: Text('商品推荐',style:TextStyle(color: Colors.pink)),);}//商品单独项方法
  Widget _item(index){return InkWell(onTap: (){},//点击事件先留空
      child: Container(height: ScreenUtil().setHeight(380),//兼容性的高度 用了ScreenUtilwidth: ScreenUtil().setWidth(250),//750除以3所以是250padding: EdgeInsets.all(8.0),decoration: BoxDecoration(color: Colors.white,border: Border(left: BorderSide(width: 1,color: Colors.black12)//右侧的 边线的样式 宽度和 颜色
          )),child: Column(children: <Widget>[Image.network(recommendList[index]['image']),Text('￥${recommendList[index]['mallPrice']}'),Text('￥${recommendList[index]['price']}',style: TextStyle(decoration: TextDecoration.lineThrough,//删除线的样式color: Colors.grey//浅灰色
              ),),],),),);}//横向列表方法
  Widget _recommendList(){return Container(height: ScreenUtil().setHeight(380),child: ListView.builder(scrollDirection: Axis.horizontal,//横向的
        itemCount: recommendList.length,itemBuilder: (context,index){return _item(index);},),);}@overrideWidget build(BuildContext context) {return Container(height: ScreenUtil().setHeight(430),//列表已经设置为330了因为还有上面标题，所以要比330高，这里先设置为380margin: EdgeInsets.only(top: 10.0),child: Column(children: <Widget>[_titleWidget(),_recommendList()],),);}
}//楼层标题
class FloorTitle extends StatelessWidget {final String picture_address;FloorTitle({Key key, this.picture_address}) : super(key: key);@overrideWidget build(BuildContext context) {return Container(padding: EdgeInsets.all(8.0),child: Image.network(picture_address),);}
}//楼层商品列表
class FloorContent extends StatelessWidget {final List floorGoodsList;FloorContent({Key key, this.floorGoodsList}) : super(key: key);@overrideWidget build(BuildContext context) {return Container(child: Column(children: <Widget>[_firstRow(),_otherGoods()],),);}Widget _firstRow(){return Row(children: <Widget>[_goodsItem(floorGoodsList[0]),Column(children: <Widget>[_goodsItem(floorGoodsList[1]),_goodsItem(floorGoodsList[2])],)],);}Widget _otherGoods(){return Row(children: <Widget>[_goodsItem(floorGoodsList[3]),_goodsItem(floorGoodsList[4])],);}Widget _goodsItem(Map goods){return Container(width: ScreenUtil().setWidth(375),child: InkWell(onTap: (){print('点击了楼层商品');},child: Image.network(goods['image']),),);}
}//火爆专区 定义为动态的类
class HotGoods extends StatefulWidget {@override_HotGoodsState createState() => _HotGoodsState();
}class _HotGoodsState extends State<HotGoods> {void initState() { super.initState();request('homePageBelowConten',formData:1).then((val){print(val);});}@overrideWidget build(BuildContext context) {return Container(child:Text('111111'));}
}

import 'package:dio/dio.dart';
import 'dart:async';
import 'dart:io';
import '../config/service_url.dart';//通用方法
Future request(url,{formData}) async{try {print('开始获取数据..............');Response response;Dio dio=new Dio();dio.options.contentType=ContentType.parse('application/x-www-form-urlencoded');//有参数的时候传参数，这里进行if判断if(formData==null){response=await dio.post(servicePath[url]);//不传参数}else{response=await dio.post(servicePath[url],data:formData);//传参数
    }if(response.statusCode==200){print(response.data);return response.data;}else{throw Exception('后端接口出现异常');}} catch (e) {return print('ERROR:========>${e}');}
}//获取首页主题内容

Future getHomePageContent() async{try {print('开始获取首页数据..............');Response response;Dio dio=new Dio();dio.options.contentType=ContentType.parse('application/x-www-form-urlencoded');var formData={'lon':'115.02932','lat':'35.76189'};//传一个经纬度过去，防止恶意下单response=await dio.post(servicePath['homePageContent'],data:formData);if(response.statusCode==200){print(response.data);return response.data;}else{throw Exception('后端接口出现异常');}} catch (e) {return print('ERROR:========>${e}');}
}
//获得火爆专区的商品的方法
Future getHomePageBeloConten() async{try {print('开始获取火爆专区数据..............');Response response;Dio dio=new Dio();dio.options.contentType=ContentType.parse('application/x-www-form-urlencoded');int page=1;//上拉加载数据 这里定义变量 页码response=await dio.post(servicePath['homePageBelowConten'],data:page);if(response.statusCode==200){print(response.data);return response.data;}else{throw Exception('后端接口出现异常');}} catch (e) {return print('ERROR:========>${e}');}
}