CRM App Backend-Vorlage
Flutter — Schema, API & KI-Leitfaden
Ein produktionsbereites Flutter CRM Backend-Schema und Starter-Kit auf Back4app: Kontakt, Unternehmen, Deal, Aktivität, Pipeline-Stufen, ER-Diagramm, Datenwörterbuch, JSON-Schema, API-Spielplatz und ein One-Click KI-Agent Prompt zur Bereitstellung in Minuten.
Wichtige Erkenntnisse
Auf dieser Seite erhalten Sie ein produktionsbereites CRM-Schema, einen One-Click KI-Prompt und Schritt-für-Schritt Flutter Code — damit Sie eine CRM-App ohne Backend-Erstellung bereitstellen können.
- In Minuten bereitstellen — Fügen Sie die AI-Agentenaufforderung ein und erhalten Sie eine laufende App mit Kontakten, Unternehmen, Angeboten und Pipeline.
- Standardmäßig sicher — ACLs und rollenbasierter Zugriff, damit Benutzer nur ihre zugewiesenen Angebote und Daten sehen.
- Flutter-native SDK — Typisierte Objekte, async/await, Offline-Pinning und Live Queries für Pipeline-Updates.
- REST + GraphQL — Beide APIs werden automatisch generiert; Angebote nach Phase filtern, Aktivitäten nach relatedTo auflisten.
- Fünf Klassen — _User (integriert), Unternehmen, Kontakt, Angebot (Pipeline), Aktivität (Aufgaben/Ereignisse).
Was ist die Flutter CRM App Backend-Vorlage?
Die Flutter CRM App Backend-Vorlage ist ein produktionsbereites Back4app-Schema (Contact, Company, Deal, Activity) mit einem typisierten Dart SDK, Offline-Pinning und Live Queries. Erstellen Sie eine einzige Codebasis für iOS und Android: Abfragen von Deals nach Stufe, Verwalten von Kontakten und Unternehmen sowie Synchronisieren von Pipeline-Daten in Echtzeit. Kein benutzerdefiniertes Backend oder REST-Kleber — das Back4app Flutter SDK übernimmt Authentifizierung, CRUD und lokalen Speicher, damit Sie sich auf UI und Geschäftslogik konzentrieren können.
Am besten für:
Übersicht
Flutter CRM-Apps benötigen Kontakte, Geschäfte, Pipeline-Stufen und optionale Offline-Synchronisation. Das Schema von Back4app (Unternehmen, Kontakt, Geschäft, Aktivität) passt zum Flutter SDK: QueryBuilder zum Filtern nach Stufe, Pinning für lokale Speicherung und Live Queries für Echtzeit-Pipeline-Updates.
Die fünf Klassen unten — _User, Company, Contact, Deal, Activity — sind über das Back4app Flutter SDK zugänglich. Verwenden Sie Dart-Typen und async/await, um Geschäfte nach Stufe abzurufen, Kontakte und Geschäfte zu erstellen und Aktivitäten zu protokollieren. Kein REST oder GraphQL-Verkabelung in Ihrer App; das SDK kümmert sich um Serialisierung und Synchronisation.
Kern-CRM-Funktionen
Mit Flutter und dem Parse SDK erhalten Sie Kontaktmanagement, Geschäftspipeline und Aktivitätsverfolgung – plus Offline-Pinning und Live Queries für ein vollständiges CRM-Backend.
Kontaktverwaltung
Speichern und Verwalten von Kontakten mit Name, E-Mail, Telefon, Unternehmen und Notizen. Ideal für Flutter-Apps.
Unternehmensverwaltung
Verfolgen Sie Unternehmen mit Namen, Website, Branche und Adresse. Verknüpft mit Kontakten und Geschäften.
Deal-Pipeline
Verkaufspipeline mit Phasen, Betrag, voraussichtlichem Abschlussdatum und Zuweisung. Entwickelt für Flutter Backends.
Aktivitätsverfolgung
Protokollieren Sie Anrufe, E-Mails, Besprechungen und Notizen, die mit Kontakten und Geschäften verknüpft sind. Funktioniert mit Flutter SDK.
Benutzer & Berechtigungen
Integriertes Benutzermodell und Verweise für Eigentum und Zuweisung. ACLs sofort einsatzbereit für Flutter.
Warum Ihr Flutter CRM-Backend mit Back4app erstellen?
Back4app bietet Ihnen ein fertiges Backend und ein typisiertes SDK, sodass Sie Ihre CRM-App mit Pipeline, Kontakten und Angeboten erstellen können, ohne REST-Kleber zu schreiben oder die Authentifizierung selbst zu verwalten.
- •Typed SDK & Serialisierung: Die typisierten Objekte des SDKs halten Kontakt, Unternehmen, Deals und Aktivitäten typensicher; das SDK verarbeitet JSON, sodass Sie weniger Boilerplate schreiben.
- •Async-first & offline: Das Back4app Flutter SDK verwendet async/await und Pinning; Pipeline und Kontakte funktionieren offline und synchronisieren sich, wenn sie wieder online sind.
- •Live Queries / Reactive Synchronisierung: Abonnieren Sie Änderungen an Deals und Aktivitäten, damit die Pipeline und das Dashboard in Echtzeit aktualisiert werden.
Dasselbe Schema und dieselben APIs für jeden Stack—wechseln Sie später die Clients, ohne das Backend zu ändern.
Kernvorteile
Ein produktionsbereiter CRM-Backend, damit Sie schneller liefern und sich auf Ihre App konzentrieren können.
Schneller liefern, kein Backend-Code
REST- und GraphQL APIs und ein einsatzbereites Schema — verbinden Sie Ihre App und legen Sie los.
Standardmäßig sicher
ACLs und Klassenberechtigungen; einschränken nach assignedTo und createdBy.
Echtzeit-Pipeline
Live Queries über WebSockets für sofortige Deal- und Aktivitätsupdates.
Integrierte Authentifizierung
Benutzerregistrierung, Anmeldung und Sitzungsverwaltung sofort einsatzbereit.
Offline-Funktionalität
Lokales Pinnen hält Kontakte und Deals offline verfügbar und synchronisiert, wenn Sie sich wieder verbinden.
In Minuten bereitstellen
Verwenden Sie den KI-Agenten, um Ihre CRM-App aus dieser Vorlage zu erstellen und bereitzustellen.
Bereit, es auszuprobieren?
Lassen Sie den Back4app KI-Agenten Ihr CRM-App-Backend erstellen, das Flutter-Frontend verbinden und bereitstellen — alles aus einem einzigen Prompt.
Kostenlos starten — 50 KI-Agenten-Prompts/Monat, keine Kreditkarte erforderlich
Technologischer Stack
Alles, was diese CRM-App-Vorlage auf einen Blick antreibt.
ER-Diagramm
Entität-Beziehungsdiagramm für das Flutter CRM-App-Datenmodell.
CRM-Schema: _Benutzer, Unternehmen, Kontakt, Deal, Aktivität mit Zeigern für Unternehmen, Kontakt, Deal, zugewiesen an, verwandt mit, erstellt von.
Diagrammquelle anzeigen
erDiagram
_User {
String objectId PK
String username
String email
String password
Date createdAt
Date updatedAt
}
Company {
String objectId PK
String name
String website
String industry
String address
String notes
Pointer createdBy FK
Date createdAt
Date updatedAt
}
Contact {
String objectId PK
String name
String email
String phone
Pointer company FK
String notes
Pointer createdBy FK
Date createdAt
Date updatedAt
}
Deal {
String objectId PK
String title
Number amount
String stage
Pointer contact FK
Pointer company FK
Date expectedCloseDate
String notes
Pointer assignedTo FK
Date createdAt
Date updatedAt
}
Activity {
String objectId PK
String type
String subject
String description
Date dueDate
Date completedAt
Pointer relatedTo FK
Pointer createdBy FK
Date createdAt
Date updatedAt
}
Company ||--o{ Contact : "has"
Company ||--o{ Deal : "has"
Contact ||--o{ Deal : "has"
_User ||--o{ Deal : "assignedTo"
_User ||--o{ Activity : "createdBy"
Contact ||--o{ Activity : "relatedTo"
Deal ||--o{ Activity : "relatedTo"
_User ||--o{ Company : "createdBy"
_User ||--o{ Contact : "createdBy"
Integrationsfluss
Auth-to-CRUD-Sequenz: wie Ihre Flutter App mit Back4app kommuniziert — anmelden, dann Kontakte und Deals abfragen, Pipeline aktualisieren.
Diagrammquelle anzeigen
sequenceDiagram
participant User
participant App as Flutter App
participant Back4app as Back4app Cloud
User->>App: Login
App->>Back4app: Parse().login(username, password)
Back4app-->>App: Session token
App-->>User: Logged in
User->>App: Load contacts and deals
App->>Back4app: Query<Deal>().find() or Query<Contact>().find()
Back4app-->>App: List<Deal> / List<Contact>
App-->>User: Show pipeline
User->>App: Create deal or contact
App->>Back4app: deal.save() or contact.save()
Back4app-->>App: Deal (objectId)
App-->>User: Updated listDatenwörterbuch
Vollständige Feldreferenz für jede Klasse im Schema.
| Feld | Typ | Beschreibung | Erforderlich |
|---|---|---|---|
| objectId | String | Auto-generated unique identifier | auto |
| name | String | Full name of the contact | |
| String | Email address | — | |
| phone | String | Phone number | — |
| company | Pointer<Company> | Company this contact belongs to | — |
| notes | String | Free-form notes | — |
| createdBy | Pointer<_User> | User who created this contact | — |
| createdAt | Date | Auto-generated creation timestamp | auto |
| updatedAt | Date | Auto-generated last-update timestamp | auto |
9 Felder in Contact
Sicherheit & Berechtigungen
Wie Eigentum, ACLs und Klassenberechtigungen Daten in diesem CRM-Schema schützen.
Zeilenebene ACLs
Verwenden Sie ACLs und Zeiger (assignedTo, createdBy), damit Benutzer nur ihre zugewiesenen Deals und verwandte Daten sehen und bearbeiten können.
Klassenberechtigungen
CLPs beschränken, welche Rollen oder Benutzer Objekte auf Klassenebene erstellen, lesen, aktualisieren oder löschen können.
Zeigerbasiertes Eigentum
Deal.assignedTo und Activity.createdBy verlinken zu _User; Cloud Code kann Sichtbarkeit und Bearbeitungen nach Rolle durchsetzen.
Schema (JSON)
Roh-JSON-Schemaspezifikation — kopieren und in Ihrer Back4app-App verwenden oder über die API importieren.
{
"classes": [
{
"className": "Contact",
"fields": {
"objectId": {
"type": "String",
"required": false
},
"name": {
"type": "String",
"required": true
},
"email": {
"type": "String",
"required": false
},
"phone": {
"type": "String",
"required": false
},
"company": {
"type": "Pointer",
"targetClass": "Company",
"required": false
},
"notes": {
"type": "String",
"required": false
},
"createdBy": {
"type": "Pointer",
"targetClass": "_User",
"required": false
},
"createdAt": {
"type": "Date",
"required": false
},
"updatedAt": {
"type": "Date",
"required": false
}
}
},
{
"className": "Company",
"fields": {
"objectId": {
"type": "String",
"required": false
},
"name": {
"type": "String",
"required": true
},
"website": {
"type": "String",
"required": false
},
"industry": {
"type": "String",
"required": false
},
"address": {
"type": "String",
"required": false
},
"notes": {
"type": "String",
"required": false
},
"createdBy": {
"type": "Pointer",
"targetClass": "_User",
"required": false
},
"createdAt": {
"type": "Date",
"required": false
},
"updatedAt": {
"type": "Date",
"required": false
}
}
},
{
"className": "Deal",
"fields": {
"objectId": {
"type": "String",
"required": false
},
"title": {
"type": "String",
"required": true
},
"amount": {
"type": "Number",
"required": false
},
"stage": {
"type": "String",
"required": false
},
"contact": {
"type": "Pointer",
"targetClass": "Contact",
"required": false
},
"company": {
"type": "Pointer",
"targetClass": "Company",
"required": false
},
"expectedCloseDate": {
"type": "Date",
"required": false
},
"notes": {
"type": "String",
"required": false
},
"assignedTo": {
"type": "Pointer",
"targetClass": "_User",
"required": false
},
"createdAt": {
"type": "Date",
"required": false
},
"updatedAt": {
"type": "Date",
"required": false
}
}
},
{
"className": "Activity",
"fields": {
"objectId": {
"type": "String",
"required": false
},
"type": {
"type": "String",
"required": false
},
"subject": {
"type": "String",
"required": false
},
"description": {
"type": "String",
"required": false
},
"dueDate": {
"type": "Date",
"required": false
},
"completedAt": {
"type": "Date",
"required": false
},
"relatedTo": {
"type": "Pointer",
"required": false
},
"createdBy": {
"type": "Pointer",
"targetClass": "_User",
"required": false
},
"createdAt": {
"type": "Date",
"required": false
},
"updatedAt": {
"type": "Date",
"required": false
}
}
},
{
"className": "_User",
"fields": {
"objectId": {
"type": "String",
"required": false
},
"username": {
"type": "String",
"required": true
},
"email": {
"type": "String",
"required": true
},
"password": {
"type": "String",
"required": true
},
"createdAt": {
"type": "Date",
"required": false
},
"updatedAt": {
"type": "Date",
"required": false
}
}
}
]
}Mit AI-Agent erstellen
Verwenden Sie den Back4app AI-Agent, um eine echte CRM-App aus dieser Vorlage zu erstellen: Er wird das Frontend, das Backend (dieses Schema, Authentifizierung und APIs) erstellen und bereitstellen – keine manuelle Einrichtung. Der folgende Prompt beschreibt diesen CRM-Stack, damit der Agent eine produktionsbereite App auf einmal generieren kann.
Erstellen Sie eine CRM-App auf Back4app mit diesem genauen Schema und Verhalten. Schema: 1. _User (verwenden Sie Back4app integrierte): Benutzername (String, erforderlich), E-Mail (String, erforderlich), Passwort (String, erforderlich); objectId, createdAt, updatedAt (System). 2. Unternehmen: Name (String, erforderlich), Website (String), Branche (String), Adresse (String), Notizen (String), erstelltVon (Pointer zu _User); objectId, createdAt, updatedAt (System). 3. Kontakt: Name (String, erforderlich), E-Mail (String), Telefon (String), Unternehmen (Pointer zu Unternehmen), Notizen (String), erstelltVon (Pointer zu _User); objectId, createdAt, updatedAt (System). 4. Deal: Titel (String, erforderlich), Betrag (Zahl), Phase (String; z.B. Lead, qualifiziert, Angebot, Verhandlung, gewonnen, verloren), Kontakt (Pointer zu Kontakt), Unternehmen (Pointer zu Unternehmen), erwartetes Abschlussdatum (Datum), Notizen (String), zugewiesenAn (Pointer zu _User); objectId, createdAt, updatedAt (System). 5. Aktivität: Typ (String; z.B. Anruf, E-Mail, Meeting, Notiz), Betreff (String), Beschreibung (String), Fälligkeitsdatum (Datum), abgeschlossenAm (Datum), bezogenAuf (Pointer zu Kontakt oder Deal), erstelltVon (Pointer zu _User); objectId, createdAt, updatedAt (System). Sicherheit: - Setzen Sie ACLs, damit nur authentifizierte Benutzer auf Daten zugreifen können; verwenden Sie rollenbasierte oder besitzerbasierte Regeln, wo es angebracht ist (z.B. zugewiesenAn, erstelltVon). - Verwenden Sie Klassenebenenberechtigungen, damit nur authentifizierte Benutzer diese Klassen erstellen/lesen/aktualisieren/löschen können. Authentifizierung: - Anmeldung (Benutzername, E-Mail, Passwort) und Login; Unterstützung für Abmeldung/Sitzung. Verhalten: - Vollständiges CRUD für Unternehmen, Kontakt, Deal und Aktivität. - Listen Sie Deals mit Filter nach Phase und sortieren Sie nach erwartetesAbschlussdatum oder updatedAt (Pipeline-Ansicht). - Listen Sie Aktivitäten nach bezogenAuf (Kontakt oder Deal). - Optional: Echtzeit Live Queries für Deal und Aktivität für Dashboard/Pipeline-Updates. - Optional: Offline-Pinning für mobile (Kontakte, Deals, Aktivitäten). Liefern: - Erstellen Sie die Back4app-App mit dem obigen Schema, ACLs und allen benötigten Cloud-Code. - Generieren Sie das Frontend und verbinden Sie es mit diesem Backend; bereitstellen, damit die App end-to-end lauffähig ist.
Drücken Sie die Schaltfläche unten, um den Agenten mit dem vorab ausgefüllten Prompt dieser Vorlage zu öffnen.
API-Spielplatz
Versuchen Sie die REST- und GraphQL-Endpunkte für das CRM-Schema. Antworten aus den obigen Beispieldaten — kein Back4app-Konto erforderlich.
Verwendet dasselbe CRM-Schema (Kontakt, Unternehmen, Deal, Aktivität) wie diese Vorlage.
Schritt-für-Schritt Flutter Integration
Verbinden Sie sich von einer Flutter App mit Ihrem Back4app Backend über das Back4app Flutter SDK.
Schritt 1: Installieren Sie das Back4app Flutter SDK
Fügen Sie das Back4app SDK für Ihren Stack hinzu (z.B. npm, pubspec oder Paketmanager).
YAMLdependencies: flutter: sdk: flutter parse_server_sdk_flutter: ^7.0.0Schritt 2: Initialisieren Sie Back4app in Ihrer App
Initialisieren Sie das Back4app SDK beim Start der App mit Ihrer App-ID und Server-URL.
Dartimport 'package:parse_server_sdk_flutter/parse_server_sdk_flutter.dart'; void main() async { WidgetsFlutterBinding.ensureInitialized(); await Parse().initialize( 'YOUR_APP_ID', 'https://parseapi.back4app.com', clientKey: 'YOUR_CLIENT_KEY', autoSendSessionId: true, ); runApp(const MyApp()); }Schritt 3: Kontakte und Geschäfte abfragen
Verwenden Sie das SDK, um Kontakt- und Geschäftsobjekte abzurufen; filtern Sie Geschäfte nach Phase für die Pipeline.
DartFuture<List<ParseObject>> getDeals({String stage = 'qualified'}) async { final query = QueryBuilder<ParseObject>(ParseObject('Deal')) ..whereEqualTo('stage', stage) ..orderByAscending('expectedCloseDate'); final response = await query.query(); if (response.success && response.results != null) { return response.results as List<ParseObject>; } return []; } Future<List<ParseObject>> getContacts() async { final query = QueryBuilder<ParseObject>(ParseObject('Contact')); final response = await query.query(); if (response.success && response.results != null) { return response.results as List<ParseObject>; } return []; }Schritt 4: Erstellen Sie einen Kontakt oder ein Geschäft
Erstellen Sie einen neuen Kontakt oder ein Geschäft mit den erforderlichen Feldern und Hinweisen (Unternehmen, Kontakt, zugewiesen an), und speichern Sie dann.
DartFuture<void> createDeal(String title, {String stage = 'lead', double? amount}) async { final deal = ParseObject('Deal') ..set('title', title) ..set('stage', stage); if (amount != null) deal.set('amount', amount); await deal.save(); } Future<void> createContact(String name, {String? email, String? phone}) async { final contact = ParseObject('Contact')..set('name', name); if (email != null) contact.set('email', email); if (phone != null) contact.set('phone', phone); await contact.save(); }Schritt 5: Aktualisieren Sie die Geschäftsphase und Aktivitäten
Aktualisieren Sie Deal.stage beim Bewegen in der Pipeline; erstellen und listen Sie Aktivitäten nach relatedTo.
Dart// Update deal stage (e.g. move in pipeline) Future<void> updateDealStage(String objectId, String stage) async { final deal = ParseObject('Deal')..objectId = objectId; deal.set('stage', stage); await deal.save(); } // Delete a deal Future<void> deleteDeal(String objectId) async { final deal = ParseObject('Deal')..objectId = objectId; await deal.delete(); }
Zustandsmanagement-Integration
Integrieren Sie das Back4app SDK mit der Zustandschicht Ihrer App (z.B. Kontext, Store oder Dienste) für Pipeline- und Kontaktzustände.
Vollständiges Datenmodell
Kopiere ein vollständiges CRM-Modell für typsichere Serialisierung (z.B. Klasse, Schnittstelle oder Typdefinition).
class Deal {
final String? objectId;
final String title;
final double? amount;
final String? stage;
final DateTime? expectedCloseDate;
final String? contactId;
final String? companyId;
final String? assignedToId;
final DateTime? createdAt;
final DateTime? updatedAt;
Deal({
this.objectId,
required this.title,
this.amount,
this.stage = 'lead',
this.expectedCloseDate,
this.contactId,
this.companyId,
this.assignedToId,
this.createdAt,
this.updatedAt,
});
factory Deal.fromJson(Map<String, dynamic> json) {
return Deal(
objectId: json['objectId'] as String?,
title: json['title'] as String,
amount: (json['amount'] as num?)?.toDouble(),
stage: json['stage'] as String? ?? 'lead',
expectedCloseDate: json['expectedCloseDate'] != null ? DateTime.parse(json['expectedCloseDate']) : null,
contactId: json['contact'] is Map ? (json['contact'] as Map)['objectId'] as String? : null,
companyId: json['company'] is Map ? (json['company'] as Map)['objectId'] as String? : null,
assignedToId: json['assignedTo'] is Map ? (json['assignedTo'] as Map)['objectId'] as String? : null,
createdAt: json['createdAt'] != null ? DateTime.parse(json['createdAt']) : null,
updatedAt: json['updatedAt'] != null ? DateTime.parse(json['updatedAt']) : null,
);
}
}Offline-First & Lokaler Datenspeicher
Verwende pin() und unpin(), damit Kontakte und Deals offline verfügbar sind und synchronisiert werden, wenn du wieder online bist.
Unterstützte SDKs beinhalten einen lokalen Datenspeicher. Pinne Kontakt-, Deal- und Aktivitätsobjekte, um sie auf dem Gerät zu behalten; frage gepinnte Daten im Offline-Modus ab. Wenn die App wieder online ist, synchronisiere mit dem Server.
Unten: Ergebnisse nach dem Abrufen anheften und abheften, wenn du keine lokalen Kopien mehr benötigst.
// Pin deals after fetch (offline-first)
Future<void> fetchAndPinDeals() async {
final query = QueryBuilder<ParseObject>(ParseObject('Deal'))
..whereEqualTo('stage', 'qualified')
..orderByDescending('expectedCloseDate');
final response = await query.query();
if (response.success && response.results != null) {
final results = response.results!.cast<ParseObject>();
await ParseObject.pinAllObjects(results);
// Now query from local store when offline:
// QueryBuilder<ParseObject>(ParseObject('Deal')).fromLocalDatastore();
}
}
// Unpin when no longer needed
Future<void> unpinAllDeals() async {
await ParseObject.unpinAll('Deal');
}Häufig gestellte Fragen
Häufige Fragen zum Backend-Template der CRM-App.
Bereit, Ihre CRM-App zu erstellen?
Starten Sie Ihr Flutter-Projekt in wenigen Minuten. Keine Kreditkarte erforderlich.