shaoting0730 / flutter_shop

基于Flutter的电商学习项目

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flutter 电商学习项目 (基本课程结束)

视频教程:技术胖

版本信息:

version: 1.0.0+1
environment: sdk: ">=2.0.0-dev.68.0 <3.0.0"

state管理 provide: ^1.0.2

使用三方库

网络请求库: dio
轮播库: flutter_swiper
UI尺寸适配库: flutter_screenutil
打电话: url_launcher
下拉刷新&上拉加载: flutter_easyrefresh
提示框: fluttertoast
路由管理: fluro
html加载: flutter_html
数据持久化: 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 <tabbar切换逻辑>
    • |-- 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
image
image

分类

image

购物车

image

会员中心

image

About

基于Flutter的电商学习项目


Languages

Language:Dart 95.8%Language:Ruby 2.8%Language:Objective-C 0.9%Language:Java 0.5%