码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Flutter实战-请求封装(一)


    ffbfa13ec1d4b1c96e342c45ab7dd5fe.jpeg

    用了两年的flutter,有了一些心得,从今天开始陆续更新一些案例,不虚头巴脑,只求实战有用,以供学习或使用flutter的小伙伴参考,学习尚浅,如有不正确的地方还望各路大神指正,以免误人子弟,在此拜谢~(原创不易,转发请标注来源和作者)

    注意:无特殊说明,flutter版本为3.0+

            所有程序的开发,包括原生开发,web前端,小程序等都不可避免的做一件事情那就是封装与后台交互的请求,然后便于接收数据,那么我们今天就一步一步把flutter的封装写清楚。

    一.模块划分

    好的项目结构要模块划分清晰,包括api请求,举个例子

    81689a8af8cc96d24e4cc00bf1b38f9a.jpeg

    比如base为基础api,包含登录,注册,设置等接口。bi为报表统计接口,以此类推,商品,订单等等。

    二.请求封装

    我们先看封装需求
    1.将请求url定义在头部,方便查找和修改

    2.封装请求方法HttpUtils(这个我们在新的篇章单独说)

    3.定义请求和返回的实体类。一般的接口返回有几种情况

    • 返回是否成功等信息,结果可能是String,bool
    • 返回一个实体类,比如用户信息UserDo
    • 返回实体类的列表,List, 入返回登录用户的权限列表等

      我们看一下包括三种类型的简单示例:

      class UserApi {
      /// 查询登录用户
      static const String _getUser = "/base/login/user";

      /// 登录
      static const String _login ="/base/login";

      //查询登录权限

      static const _selectPermission = "/base/selectPermission";

      static Future<UserDo> getUser() async {
          var res = await HttpUtils.get(_getUser, baseUrl: Config.BASE_API_URL);
          return UserDo.fromJson(res);
      }

      static Future login(dynamic param) async {
          var res = await HttpUtils.post(_login, data: param, baseUrl:     Config.BASE_API_URL, showLoading: showLoad);
          return res;
      }

      static Future<List> selectPermission(List permissions) async {
      var res = await HttpUtils.post(
          _selectPermission,
          data: permissions,
          baseUrl: Config.BASE_API_URL,
      );
      return res.map((e) => Permission.fromJson(e)).toList();
      }

      三.Json处理:FlutterJsonBeanFactory

              Dart语言在Json转换的方面框架不够成熟,也没有类似Java等语言的反射机制,如果手动处理返回结果的转换,将是非常麻烦的一件事,所幸大神还是非常多的,这里推荐一个转换工具FlutterJsonBeanFactory,可以快速生成,并可以使用上文例子中的转换方法:fromJson和toJson。

      安装方法:

      Settings/Preferences > Plugins > Marketplace > Search for "FlutterJsonBeanFactory" > Install Plugin

      目前使用的是4.4.5版本。感谢作者的一路升级,也见证了插件从if 判断,到Map的转化,查找效率更高。

      使用:

      将PostMan的返回结果,直接复制在工具的创建窗口,就会自动根据类型

      生成实体

      722558423f8472f2a5b9b8bcb77b58a8.jpeg

      当然也支持实体类型嵌套。



      结语:

      感兴趣的读者可以自行研究源码。

      附插件地址:https://plugins.jetbrains.com/plugin/11415-flutterjsonbeanfactory-only-null-safety-

    • 相关阅读:
      【游戏技术】求生之路1支持2代全官方地图补丁包2023版
      实现领域驱动设计-应用结构
      荧光标记肽,FITC-胰高血糖素样肽-1,FITC-glucagon-like peptide-1,GLP-1
      网络——2021年大题解析
      python中的字节码对象初探
      什么耳机音质最好又不伤耳朵,什么耳机好用耳朵不疼
      渗透中常用的在线工具和网站总结
      JDBC2
      技巧 | Python绘制2022年卡塔尔世界杯决赛圈预测图
      2023阿里云域名优惠口令大全
    • 原文地址:https://blog.csdn.net/hantian616/article/details/125993840
      • 最新文章
      • 攻防演习之三天拿下官网站群
        数据安全治理学习——前期安全规划和安全管理体系建设
        企业安全 | 企业内一次钓鱼演练准备过程
        内网渗透测试 | Kerberos协议及其部分攻击手法
        0day的产生 | 不懂代码的"代码审计"
        安装scrcpy-client模块av模块异常,环境问题解决方案
        leetcode hot100【LeetCode 279. 完全平方数】java实现
        OpenWrt下安装Mosquitto
        AnatoMask论文汇总
        【AI日记】24.11.01 LangChain、openai api和github copilot
      • 热门文章
      • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
        奉劝各位学弟学妹们,该打造你的技术影响力了!
        五年了,我在 CSDN 的两个一百万。
        Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
        面试官都震惊,你这网络基础可以啊!
        你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
        心情不好的时候,用 Python 画棵樱花树送给自己吧
        通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
        13 万字 C 语言从入门到精通保姆级教程2021 年版
        10行代码集2000张美女图,Python爬虫120例,再上征途
      Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
      正则表达式工具 cron表达式工具 密码生成工具

      京公网安备 11010502049817号