欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 新车 > 一个完整的Flutter应用

一个完整的Flutter应用

2024/10/25 7:57:15 来源:https://blog.csdn.net/qq_17613195/article/details/139838368  浏览:    关键词:一个完整的Flutter应用

本文基于以下链接进行细节补充15.2 Flutter APP代码结构 | 《Flutter实战·第二版》

代码结构

我们先来创建一个全新的Flutter工程,命名为"github_client_app"

我们在项目根目录下分别创建imgs和fonts、jsons、l10n文件夹

工程目录如下:

在lib下创建文件夹如下:

配置json

Github账号信息

在“jsons”目录下创建一个“user.json”文件,获取当前登录者的Github账号信息

{"login": "octocat", //用户登录名"avatar_url": "https://github.com/images/error/octocat_happy.gif", //用户头像地址"type": "User", //用户类型,可能是组织"name?": "monalisa octocat", //用户名字"company?": "GitHub", //公司"blog?": "https://github.com/blog", //博客地址"location?": "San Francisco", // 用户所处地理位置"email?": "octocat@github.com", // 邮箱"hireable?": false,"bio?": "There once was...", // 用户简介"public_repos": 2, // 公开项目数"followers": 20, //关注该用户的人数"following": 0, // 该用户关注的人数"created_at": "2008-01-14T04:33:35Z", // 账号创建时间"updated_at": "2008-01-14T04:33:35Z", // 账号信息更新时间"total_private_repos": 100, //该用户总的私有项目数(包括参与的其他组织的私有项目)"owned_private_repos": 100 //该用户自己的私有项目数... //省略其他字段
}

API缓存策略信息

在“jsons”目录下创建一个“cacheConfig.json”文件缓存策略信息

{"enable":true, // 是否启用缓存"maxAge":1000, // 缓存的最长时间,单位(秒)"maxCount":100 // 最大缓存数
}

用户信息

在“jsons”目录下创建一个“profile.json”文件

{"user?":"$user", //Github账号信息,结构见"user.json""token?":"", // 登录用户的token(oauth)或密码"theme":0, //主题索引"cache?":"$cacheConfig", // 缓存策略信息,结构见"cacheConfig.json""lastLogin?":"", //最近一次的注销登录的用户名"locale?":"" // APP语言信息
}

项目信息

在“jsons”目录下创建一个“repo.json”文件保存项目信息

{"id": 1296269,"name": "Hello-World", //项目名称"full_name": "octocat/Hello-World", //项目完整名称"owner": "$user", // 项目拥有者,结构见"user.json""parent?":"$repo", // 如果是fork的项目,则此字段表示fork的父项目信息"private": false, // 是否私有项目"description": "This your first repo!", //项目描述"fork": false, // 该项目是否为fork的项目"language?": "JavaScript",//该项目的主要编程语言"forks_count": 9, // fork了该项目的数量"stargazers_count": 80, //该项目的star数量"size": 108, // 项目占用的存储大小"default_branch": "master", //项目的默认分支"open_issues_count": 2, //该项目当前打开的issue数量"pushed_at": "2011-01-26T19:06:43Z","created_at": "2011-01-26T19:01:12Z","updated_at": "2011-01-26T19:14:43Z","subscribers_count?": 42, //订阅(关注)该项目的人数"license?": { // 该项目的开源许可证"key": "mit","name": "MIT License","spdx_id": "MIT","url": "https://api.github.com/licenses/mit","node_id": "MDc6TGljZW5zZW1pdA=="}...//省略其他字段
}

生成Dart Model类

在配置文件pubspec.yaml中增加配置

dependencies:json_annotation: ^4.4.0json_model: ^1.0.0dev_dependencies:json_serializable: ^6.2.0build_runner: ^2.0.0

执行命令

flutter packages get flutter packages pub run json_model

如果没有生成profile.g.dart等文件,则删除pubspec.lock文件,重新执行

flutter packages pub run json_model

数据持久化

我们使用shared_preferences包来对登录用户的Profile信息进行持久化。

在 pubspec.yaml 配置文件中 , 导入插件包

dependencies:shared_preferences: ^2.0.7

在Dart代码中导入,即可使用

import 'package:shared_preferences/shared_preferences.dart';

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com