Я хочу получить данные с помощью api во flutter

Я пытаюсь создать приложение типа фриланса. Я использую flutter, а для данных бэкенда я создал api, используя django rest framework. Вот models.py:

Вот мой serializers.py:

class OfferSeriaLizer(serializers.ModelSerializer):
    class Meta:
        model = Offer
        fields = ('id', 'offer_title', 'image', 'user', 'click', 'category', 'packages',)
        depth = 1

Вот мой views.py для получения предложений:

class OfferApiView(APIView):
    def get(self, request):

        offers = Offer.objects.filter(offer_status="ACTIVE").order_by("-click")

        serializer = OfferSeriaLizer(offers, many=True)


        return Response(serializer.data)

Вы можете видеть в models.py модель с именем offermanager. Я успешно показываю предложения, но на странице деталей предложения мне удается получить только название и описание пакета, но я хочу получить также данные оферента. Например, если я открываю предложение, оно также будет показывать offermanager в соответствии с идентификатором предложения

Вот часть моего приложения Flutter. Контроллер предложения :

import 'dart:convert';
import 'package:flutter/cupertino.dart';

import 'package:http/http.dart' as http;
import 'package:marketage_v2/models/offer_model.dart';

class OfferController with ChangeNotifier {
  List<OfferModel> _offers = [];

  Future<bool> getOffers() async {
    var url = Uri.parse("https://marketage.io/api/offers/");

    try {
      http.Response response = await http.get(url);
      var data = json.decode(response.body) as List;
      List<OfferModel> temp = [];
      for (var element in data) {
        OfferModel offermodel = OfferModel.fromJson(element);
        temp.add(offermodel);
      }
      _offers = temp;
      notifyListeners();
      return true;
    } catch (e) {
      return false;
    }
  }

  List<OfferModel> get offers {
    return [..._offers];
  }

  OfferModel offerDetails(id) {
    return _offers.firstWhere((element) => element.id == id);
  }
}

Модель предложения:

В django я смог получить данные модели offermanager следующим образом: for m in offers.offermanager_set.all Я использовал этот код в шаблонах и добился успеха. Но как я могу получить данные как в django во flutter

?

Помогите пожалуйста

Это не сложно, как вы думаете, я просто размещаю здесь пример согласно документации flutter, это основной пример, он прост, если вы прочитаете этот документ

import 'dart:async';
import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

Future<Album> fetchAlbum() async {
  final response = await http
      .get(Uri.parse('https://jsonplaceholder.typicode.com/albums/1'));

  if (response.statusCode == 200) {
    // If the server did return a 200 OK response,
    // then parse the JSON.
    return Album.fromJson(jsonDecode(response.body));
  } else {
    // If the server did not return a 200 OK response,
    // then throw an exception.
    throw Exception('Failed to load album');
  }
}

class Album {
  final int userId;
  final int id;
  final String title;

  Album({
    required this.userId,
    required this.id,
    required this.title,
  });

  factory Album.fromJson(Map<String, dynamic> json) {
    return Album(
      userId: json['userId'],
      id: json['id'],
      title: json['title'],
    );
  }
}

void main() => runApp(const MyApp());

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late Future<Album> futureAlbum;

  @override
  void initState() {
    super.initState();
    futureAlbum = fetchAlbum();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Fetch Data Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Fetch Data Example'),
        ),
        body: Center(
          child: FutureBuilder<Album>(
            future: futureAlbum,
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                return Text(snapshot.data!.title);
              } else if (snapshot.hasError) {
                return Text('${snapshot.error}');
              }

              // By default, show a loading spinner.
              return const CircularProgressIndicator();
            },
          ),
        ),
      ),
    );
  }
}
Вернуться на верх