# flutter_shop **Repository Path**: touchid/flutter_shop ## Basic Information - **Project Name**: flutter_shop - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-04-01 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Flutter 电商学习项目 (基本课程结束) [视频教程:技术胖]( https://m.qlchat.com/wechat/page/topic-simple-video?topicId=2000003599735644&byhand=1 )
## 版本信息: version: 1.0.0+1
environment: sdk: ">=2.0.0-dev.68.0 <3.0.0"
### model转换 [https://javiercbk.github.io/json_to_dart/ ]( https://javiercbk.github.io/json_to_dart/ )
### state管理 [provide: ^1.0.2 ]( https://github.com/google/flutter-provide )
### 使用三方库 [网络请求库: dio]( https://github.com/flutterchina/dio )
[轮播库: flutter_swiper]( https://github.com/best-flutter/flutter_swiper )
[UI尺寸适配库: flutter_screenutil]( https://github.com/OpenFlutter/flutter_screenutil )
[打电话: url_launcher]( https://github.com/flutter/plugins/tree/master/packages/url_launcher )
[下拉刷新&上拉加载: flutter_easyrefresh]( https://github.com/xuelongqy/flutter_easyrefresh )
[提示框: fluttertoast]( https://github.com/PonnamKarthik/FlutterToast )
[路由管理: fluro]( https://github.com/theyakka/fluro )
[html加载: flutter_html]( https://github.com/Sub6Resources/flutter_html)
[数据持久化: shared_preferences]( https://github.com/flutter/plugins/tree/master/packages/shared_preferences)
### 代码结构 >- |--lib > - |-- config > - |-- service_url.dart (存放url) > - |-- model > - |-- cartInfo.dart (购物车model) > - |-- category_model.dart (分类model) > - |-- categoryGoodsList.dart (分类列表model) > - |-- details_model.dart (详情model) > - |-- provide > - |-- category_goods_list.dart <分类页--商品列表> > - |-- child_category.dart <分类页--商品子分类> > - |-- details_info.dart <商品详情> > - |-- cart.dart <购物车逻辑> > - |-- currentIndex.dart > - |-- pages (页面) > - |-- cart_page > - |-- cart_item.dart (购物车item) > - |-- cart_count.dart (购物车+-按钮) > - |-- cart_bottom.dart (购物车底部UI) > - |-- details_page > - |-- details_bottom.dart (加入购物车/立即购买按钮) > - |-- details_top_area.dart (商品详情的顶部) > - |-- details_explain.dart (商品详情的解释固定UI) > - |-- details_tab.dart (商品详情的tab) > - |-- details_web.dart (商品详情的leftweb) > - |-- index_page.dart (tabbar页面) > - |-- home_page.dart (首页页面) > - |-- details_page.dart (商品详情页面) > - |-- category_page.dart (分类页面) > - |-- cart_page.dart (购物车页面) > - |-- member_page.dart (会员中心页面) > - |-- service > - |-- service_method.dart (网络请求) > - |-- routers > - |-- application.dart (静态化Router对象) > - |-- router_handle.dart (handle:负责跳转) > - |-- router.dart (handle注册进fluro) > - |-- mian.dart (入口) ## 项目截图 ### 首页 ![image](https://github.com/pheromone/flutter_shop/blob/master/homePage1.png)
![image](https://github.com/pheromone/flutter_shop/blob/master/homepag2.png)
![image](https://github.com/pheromone/flutter_shop/blob/master/%E5%95%86%E5%93%81%E8%AF%A6%E6%83%85.png)
### 分类 ![image](https://github.com/pheromone/flutter_shop/blob/master/%E5%88%86%E7%B1%BB.png)
### 购物车 ![image](https://github.com/pheromone/flutter_shop/blob/master/%E8%B4%AD%E7%89%A9%E8%BD%A6.png)
### 会员中心 ![image](https://github.com/pheromone/flutter_shop/blob/master/%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83.png)