So implementieren Sie 10 Daten auf der Homepage -Abfrage und 5 Daten zum Paging in Laravel in einer Schnittstelle?

Laravel realisiert effizient 10 Elemente des Ladens der Startseite und 5 Datenelemente auf der Seite auf der Seite

In diesem Artikel werden die doppelten Ladeanforderungen mobiler Artikellisten in einer einzigen Laravel -Schnittstelle implementiert: 10 Datenstücke werden auf der Startseite geladen, und 5 Datenstücke werden auf der nachfolgenden Seite geladen.

Geschäftsszenarien

Die Schnittstelle für mobile Artikellisten muss die folgenden Bedingungen erfüllen:

• Zum ersten Mal werden 10 Artikel angezeigt.
• Wenn der Benutzer nach unten zieht, um zu aktualisieren oder nach oben zu ziehen, um mehr zu laden, werden jedes Mal 5 Artikel geladen.

Implementierungsplan

Es ist nicht erforderlich, zwei unabhängige Schnittstellen zu erstellen, eine Schnittstelle kann den Anforderungen erfüllen. Der Schlüssel besteht darin, die vom Front-End übergebenen Parameter flexibel zu behandeln.

1. Erster Laden (Homepage):

   Wenn das Front-End die Schnittstelle anfordert, übergeben Sie per_page=10 und page=1 .

2. Paginierungsbelastung:

   Wenn der Benutzer das Laden mehr auslöst, übergibt das Front-End per_page=5 und erhöht den page .

Implementierung von Laravel Code

 Öffentliche Funktion getArticles (Anfrage $ Anfrage)
{
    $ sach = $ request-> input ('per_page', 10); // Standard 10
    $ page = $ request-> input ('page', 1); // Standard 1

    $ articles = article :: paginate ($ sach, ['*'], 'Seite', $ page);

    return response ()-> json ($ articles);
}

Beispiel für Front-End-Anfrage (mit Axios)

Erster Laden:

 Axios.get ('/api/Artikel', {{
    Parameter: {
        per_page: 10,
        Seite: 1
    }
})
.then (response => {
    // Daten verarbeiten});

Paginierungsbelastung (unter der Annahme der aktuellen Seitennummer ist currentPage )

 Axios.get ('/api/Artikel', {{
    Parameter: {
        per_page: 5,
        Seite: CurrentPage 1
    }
})
.then (response => {
    // Daten verarbeiten und aktuell aktualisieren
});

Durch die paginate Methode verhandelt Laravel die Paging Logic anmutig. Das Front-End realisiert leicht unterschiedliche Datenlade- und Paging-Laden, indem per_page und page gesteuert werden. Diese Methode ist einfach und effizient, vermeidet redundanter Code und verbessert die Wartbarkeit der Schnittstelle.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie 10 Daten auf der Homepage -Abfrage und 5 Daten zum Paging in Laravel in einer Schnittstelle?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!