• Flutter移动电商实战 --(7)dio基础_POST请求的使用


    这节学习一下POST请求的使用,其实POST和Get请求都是在工作中最重要的两种请求。比如我们要传递一组表单数据过去,这时候用Get请求就是不太合适的,使用POST比较好。

    SingleChildScrollView Widget

    在学习新内容之前,先来填一个昨天的坑,其实昨天的代码在最后演示是,是由一个异常的,异常内容如下:

    I/flutter ( 6889):   verticalDirection: down
    I/flutter ( 6889): ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
    I/flutter ( 6889): ════════════════════════════════════════════════════════════════════════════════════════════════════
    

    解决方案:

    只要在超出的外层包裹一个SingleChildScrollView小部件就可以了,其实它就是一个可以滚动的widget框,没有组件实体(就是你看不出什么UI界面来)。代码如下

    Widget build(BuildContext context) {
        return Container(      
            child: Scaffold(
              appBar: AppBar(title: Text('美好人间'),),
              body:SingleChildScrollView(
                child: Container(
                  child: Column(
                    children: <Widget>[
                      TextField(
                        controller:typeController,
                        decoration:InputDecoration (
                          contentPadding: EdgeInsets.all(10.0),
                          labelText: '美女类型',
                          helperText: '请输入你喜欢的类型'
                        ),
                        autofocus: false,
                      ),
                      RaisedButton(
                        onPressed:_choiceAction,
                        child: Text('选择完毕'),
                      ),
                      Text(
                        showText,
                          overflow:TextOverflow.ellipsis,
                          maxLines: 2,
                      ),
                      ],
                  ),
                ) 
              )
            ),
        );
      }
    

    这时候我们越界的那个警告就已经没有了,我们也可以开心的继续学习了。

    EasyMock动态参数的实现

    EasyMock在工作中我使用的也是比较多,因为要和后台同步开发,后台编写慢的时候,就需要我们先自己设置(应该说是模拟)需要的数据。那固定死的mock数据作起来很简单,我就不在这里讲了,动态数据如何处理,我在这里给出代码,视频中会有所讲解。

    {
      success: true,
      data: {
        default: "jspang",
        _req: function({
          _req
        }) {
          return _req
        },
        name: function({
          _req,
          Mock
        }) {
          if (_req.query.name) {
            return _req.query.name + '走进了房间,来为你亲情服务';
          } else {
            return '随便来个妹子,服务就好';
          }
        }
      }
    }
    

    视频中我也会带着你建立一个这样的POST接口,如果学习文字版,这部分自己建立吧。总要给上帝一些特权吧。

    Dio的POST使用

    其实Post的使用非常简单,主题代码并没有什么改动,只是把原来的get换成Post就可以了。代码如下:

    Future getHttp(String TypeText)async{
        try{
          Response response;
          var data={'name':TypeText};
          response = await Dio().post(
            "地址隐藏了,地址会单独发送给正版视频者",
              queryParameters:data
          );
          return response.data;
        }catch(e){
          return print(e);
        }
      }
    

    我们这样程序就可以继续使用了,我们的大保健程序还是可以完美运行的。

    这节课程所学到的知识点.

    • SingleChildScrollView: SingleChildScrollView小部件的使用技巧。
    • EasyMock动态参数的实现:我们讲解了一个EasyMock动态参数的实现方法。
    • Dio的Post请求: 学会利用dio的post请求。
  • 相关阅读:
    Java Web开发——JSP基本语法杂记
    Java Web开发——HTML CSS JavaScript 杂记
    Leetcode#13 Roman to Integer
    Leetcode#20 Valid Parentheses
    Leetcode#88 Merge Sorted Array
    Leetcode#171 Excel Sheet Column Number
    Leetcode#168 Excel Sheet Column Title
    Leetcode#160 Intersection of Two Linked Lists
    Leetcode#6 ZigZag Conversion
    Leetcode#8 String to Integer (atoi)
  • 原文地址:https://www.cnblogs.com/crazycode2/p/11253117.html
Copyright © 2020-2023  润新知