Я хочу получить данные с помощью 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();
},
),
),
),
);
}
}