基于GetX 搭建通用flutter 项目《一》(一连更新中....)

源代码 2024-10-6 21:17:38 29 0 来自 中国
基于GetX 搭建通用flutter 项目《二》(界面规范抽象类)
基于GetX 搭建通用flutter 项目《三》(暗黑模式)
基于GetX 搭建通用flutter 项目《四》(国际化)
基于GetX 搭建通用flutter 项目《五》(基于GetX 进举措态革新)
之前不停想把本身工作中总结的东西,写成文档,但也是懒,不停都没动笔.本日在做2022年中回首的时间,看到之前写的flutter 项目架构这篇文章,才发现,之前只是写了一个开头,然后就没写了.哎,确实懒了,这次也算对本身这半年工作履历的总结,如果那里有标题,渴望各人积极指出.在随后的文章里,我会把我这两个月工作之余,写的一个自我条记,也给各人分享一下.
您能在这里看到啥


  • 目录

  • 项目运行视频
  • 项目中使用第三方库
  • 项目目录讲授
  • 界面接口类的讲授
  • 项目中模块目录讲授
  • GetxView 在项目中的使用
  • 项目地点
  • vscode 代码块分享,加速开辟服从


  • DEMO更新日记
    2022-06-22 完成暗黑模式功能开辟2022-06-16 完成项目根本架构
  • 核心功能


  • 界面规范接口基类(这是我最想分享一个思绪)
  • 列表界面(这是基于基类,做的特定功能的封装)
  • 数据绑定
  • 动态革新 (基于GetX 进举措态革新)
  • 通用缺醒页
  • 网络框架封装
  • 模块开辟的模版
  • 暗黑模式 (2022-06-22 开辟完成)
  • 国际化(下个版本适配)
项目功能固然简单,但也算是五脏俱全.项目中根本核心功能,都有了.
而且DEMO中,注视具体,喜欢看代码的也可以直接下载DEMO.
固然我也会在,以后的文章中,逐一的把这些细节讲授一下,也算是把本身的想法,通过文章的情势,来展示出来,真是不谢不知道,一写吓一跳,原来存在脑子里很清楚的思绪,但当我写起来的时间,确真的是无从下笔啊.看来还的多读书多读报,多总结,否则真的就
“啥也不是了”
项目运行视频

项目中使用的第三方库

hzy_normal_widget 是我在使用GetX搭建项目时,总结的一些通用开辟控件,方便我们在开辟的时间,淘汰重复性界面代码的创建.
ttcomment 通用项目标界面接口基类,和一些通用工具类,喜欢的可以点点star.
# hzy GetX 界面规范 hzy_normal_widget: ^0.0.2 # 本地数据存储 sp_util: ^2.0.3 # 加载动画 flutter_easyloading: ^3.0.5 # 网页加载 webview_flutter: ^3.0.4 # 瀑布流 flutter_staggered_grid_view: ^0.6.1本日紧张分享一下,《目录讲授》


  • 根本项目目录如下所示
.├── components(项目通用组件)├── config(项目设置项)├── generated_plugin_registrant.dart├── init(项目入口设置项)├── main.dart├── pages(业务界面)└── utils(通用工具)

  • 睁开后,功能目录如下所示
.├── components│   ├── common_drawer_widget.dart│   ├── common_getx_controller.dart(控制器 基类)│   ├── common_getx_list_widget.dart(Getx View 列表类 基类)│   ├── common_getx_widget.dart(Getx View 基类)│   ├── common_index.dart│   ├── common_place_holder_widget.dart(通用缺省页)│   ├── common_state_list_widget.dart(state 列表类 基类)│   ├── common_state_widget.dart(state 基类)│   ├── common_web_page.dart(网页)│   └── common_widgets.dart(通用小组件)├── config│   ├── config_index.dart│   ├── controller(业务层全局控制器)│   ├── dataconfig(数据设置项)│   ├── models(公用模子)│   ├── routers(路由)│   └── transformers(数据剖析器)├── generated_plugin_registrant.dart├── init│   └── application.dart(根视图)├── main.dart├── pages│   ├── common_moduls(通用模块目录)│   ├── home(首页模块)│   ├── login_module(登录模块)│   └── pages_index.dart└── utils(工具)   ├── common_sp_util.dart(本地数据存储工具)   └── utils_tool.dart)下面我来逐一讲讲,我对我界说的项目架构的认知,如果标题,还请多多指出,更好的学习.

  • components(组件库)
    总的来说,这个文件夹的定名,也是鉴戒了小步伐.在小步伐里自界说组件添加在components文件夹中.相比之下,我们确实也必要一个如许的文件夹.以是,它就如许诞生了.好了废话不多说.开始讲授代码逻辑.
├── components│   ├── common_drawer_widget.dart│   ├── common_getx_controller.dart(控制器 基类)│   ├── common_getx_list_widget.dart(Getx View 列表类 基类)│   ├── common_getx_widget.dart(Getx View 基类)│   ├── common_index.dart│   ├── common_place_holder_widget.dart(通用缺省页)│   ├── common_state_list_widget.dart(state 列表类 基类)│   ├── common_state_widget.dart(state 基类)│   ├── common_web_page.dart(网页)│   └── common_widgets.dart(通用小组件)由于这内里包罗的东西相对来说挺故意思的,我会在下一篇文章里具体的讲授,我在这里就简单的分享一下怎样使用.
接口类,把我们平常用到的通用属性,方法,做了一个归纳,也算是淘汰重复性代码
这里内里紧张分享的就是两种范例的接口类.

  • state 接口类
   1. common_state_widget.dart 基类   ?是简单使用的列子
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-21 21:18, Processed in 0.164560 second(s), 33 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表