19180001匡展锐项目报告.docxVIP

沈阳师范大学科信软件学院 实 验 报 告 实验题目： 移动增值业务开发（期末综合作业） 实验时间： 2022.5.28 姓 名： 匡展锐 学 号： 专业年级： 2019级网络工程 实验的灵感来自于网络flutter教程的教学，在作者的教学中学习了很多相关知识，包括一些图片素材的来源也来自于网络视频教程，并根据视频仿作了一款类似的软件，下面是我的实验思路： 1.1 本地资源配置 在项目根目录下的?pubspec.yaml?文件引入本地资源 第三方包 1.2 页面缓存 底部bottomNavigationBar页面缓存 类似于常用的 app 都有底部的切换功能，如图所示： 使用了组件 IndexedStack，，它可以页面切换时不会去销毁或替换当前页，而是层叠在一起。 TabBar 切换页面缓存 切换 tabbar 时，print 不会打印，实现了页面保持状态。 1.3 主题配置 在lib目录下新建config的文件下 常用Colors config下新建 app_colors.dart文件。 主题样式 config下新建 app_thumb.dart文件。 1.4网络请求封装 网络请求采用了 dio库，在 pubspec.yaml 文件中注册并保存。 dependencies: # http请求库 dio: ^4.0.0 在lib目录下新建http 与 config的目录 以下封装搬自： /post/6844904190838325262 请求配置参数 config目录新建 http_options.dart文件 因为项目是在模拟器中运行，所以请求的地址不能是域名形式。模拟器的不管localhost还是 都是它本机的，它也是操作系统。这时候模拟器的请求地址是我们本机的地址，也就是我们 cmd终端中运行 ipconfig后看到的IPv4地址： 请求异常处理 http目录下新建 http_exception.dart文件 拦截器 http目录下新建 http_interceptor.dart文件 请求单例类 http目录下新建 http_request.dart文件 请求静态化 http目录下新建 http.dart文件，我们将 HttpRequest 类包状态静态类，方便调用。 1.5编写用户与歌曲数据 用户模型层 每个页面或每个模型都会有返回用户信息，在lib目录下新建models文件，再创建user_model.dart文件 import 'package:flutter/cupertino.dart'; /// 用户列表模型 class UserList { /// 包含 UserItem 模型的集合 List<UserItem> list; UserList(this.list); /// 循环后台返回的数组 将每一项组装成 UserItem factory UserList.fromJson(List<dynamic> list) { return UserList( list.map((item) => UserItem.fromJson(item)).toList(), ); } } /// 用户列表项/用户详情模型 class UserItem { final int id; final String coverPictureUrl; final String nickname; final String type; final int musicCount; final int musicPlayCount; UserItem({ @required this.id, @required this.coverPictureUrl, @required this.nickname, @required this.type, @required this.musicCount, @required this.musicPlayCount, }); /// 将 Json 数据转换为实体模型 factory UserItem.fromJson(dynamic item) { return UserItem( id: item['id'