名字ChatGPT给的图标也是ChatGPT给的代码是自己写的
本项目采用GetX解决方案进行Coding 你可以参考GetX文档进行初始化项目,你完全可以根据本模版一步一步往下进行来快速搭建一个模板项目。
- 配置好Flutter开发环境并安装常用插件例如:flutter-img-sync 参考文档图片资源路径生成插件,json转art和Getx插件
- 创建flutter项目在根目录下面新建
assets/images/
目录将所有图片资源文件导入进去其他资源需要 在assets
下面新建相应目录。 - 将lib下所有文件和pubspec.yaml文件复制到自己项目需要进行适当的修改 如果你已经执行了这一步那么第四步禁止使用否则会初始化项目的,第四步骤仅限于老鸟初始化自己项目使用
- 使用
get init
命令初始化GetX项目,慎重使用仅限老鸟。GetX Cli 已经帮我们初始化好了一个路由结构以及 home 子页面,这个实例是可以直接运行的。 GetX Cli 将项目全部装进了 app 目录中,modules 存放页面,每个页面又分别存在 bindings,controllers,views 它们分别负责的是:
- bindings:负责 controller 与 view 的耦合
- controller:负责响应式变量和非响应式变量的管理
- view:负责页面 即 view 与 controller 是解耦的,通过 binding 进行耦合
- 如果你执行的是步骤三那么你可以跳到步骤六如果你执行的步骤四那么你需要将lib->data和lib->shared文件进行复制并修改 data文件包含了所有网络请求需要的文件shared包含了所有常量封装的小控件和工具类
- 修复所有error 修复方法就是导包的问题建议全局修改包名
- 使用
get create page:demo
自己需要的新建页面需要适当修改参考其他页面文件进行修改 (ps 如果命令没用请使用pub global activate get_cli
) - 修改main方法相应文件参考main.dart
- 修改接口地址:Base地址data->api->api_constants.dart
- 修改接口方法:data->api->api_repository.dart
- 公共接口调用方法(可以自定义单独接口)data->api->base_provider.dart
- json解析 data->models 请求和返回需要分开写
- 修改图标
flutter pub run flutter_launcher_icons_maker:main
- 变量命名采用驼峰
- 公共组件或工具封装需要写下使用方法
- 组件超过三处使用需要抽离成为公共方法
- 业务逻辑中三处以上的判断尽量使用switch来判断条件使用枚举
- 有需要后期修改的写一个todo
- 公共组件或方法更新需要兼容当前旧版本,使用 @Deprecated 注解标记下一个版本移除
- 可以参考文档 代码规范参考 -官方代码规范 -[阿里项目规范](https://github.com/alibaba/flutter-go/blob/master/Flutter_Go%20%E4%BB%A3%E7%A0%81%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83.md
)