Flutter开发效率提升1000%,Flutter Quick教程之定义Api(四)

现在我们来讲讲,如何建立Api 响应数据的变量。

这个变量,本质上就是对根据json数据生成model的引用。

这个name就是引用名。

这个path,就是引用的Model Data里面的具体字段,在实际操作过程中,校验是由右边的json数据过滤来完成的。

比如path引向了model里面的一个具体字段,那么,json数据会自动过滤出来这些字段。json数据和model是一一对应的,所以过滤出来的数据,就自动对应model里面的数据。

Path是有一定规则的,很简单,就三条,但是,path后面再讲,先举个具体的例子来解释上面的这段话。

假设json数据是这个

复制代码
{
  "status": 1,
  "message": "success",
  "data": {
    "name": "jack"
  }
}

那么生成的model是这个

Dart 复制代码
class Data {
  int? status;
  String? message;
  DataData? data;

  Data({
    this.status,
    this.message,
    this.data,
  });

  Data.fromJson(Map<String, dynamic> json) {
    status = json['status'];
    message = json['message']?.toString();
    data = json['data'] != null ? DataData.fromJson(json['data']) : null;
  }

  Map<String, dynamic> toJson() {
    return {
      'status': status,
      'message': message,
      'data': data?.toJson(),
    };
  }
}

class DataData {
  String? name;

  DataData({
    this.name,
  });

  DataData.fromJson(Map<String, dynamic> json) {
    name = json['name']?.toString();
  }

  Map<String, dynamic> toJson() {
    return {
      'name': name,
    };
  }
}

那么,我们进行输入,

Name输入框里面输入 someattr

Path 输入框里面输入 @.message

那么,这时候 someattr就指向了Data的message字段。

实际使用的时候,就是根据Name这个字段的值进行引用,如此实现对json数据的引用。

后面,我们将具体讲Path的规则。

官方网址:www.appshop.cc

相关推荐
浪裡遊4 分钟前
uniapp常用组件
开发语言·前端·uni-app
五点六六六5 分钟前
Restful API 前端接口模型架构浅析
前端·javascript·设计模式
筱筱°8 分钟前
Vue 路由守卫
前端·javascript·vue.js
二流小码农10 分钟前
鸿蒙开发:远场通信服务rcp会话问题
android·ios·harmonyos
前端小张同学24 分钟前
前端Vue后端Nodejs 实现 pdf下载和预览,如何实现?
前端·javascript·node.js
独孤求败Ace26 分钟前
第59天:Web攻防-XSS跨站&反射型&存储型&DOM型&接受输出&JS执行&标签操作&SRC复盘
前端·xss
天空之枫28 分钟前
node-sass替换成Dart-sass(全是坑)
前端·css·sass
SecPulse29 分钟前
xss注入实验(xss-lab)
服务器·前端·人工智能·网络安全·智能路由器·github·xss
路遥努力吧31 分钟前
el-input 不可编辑,但是点击的时候出现弹窗/或其他操作面板,并且带可清除按钮
前端·vue.js·elementui
绝顶少年36 分钟前
确保刷新页面后用户登录状态不会失效,永久化存储用户登录信息
前端