Bagaimana untuk melaksanakan 10 data pada pertanyaan halaman rumah dan 5 data mengenai paging di Laravel dalam satu antara muka?

Laravel dengan cekap menyedari 10 item pemuatan halaman rumah dan 5 item pemuatan data pada halaman halaman

Artikel ini memperkenalkan cara melaksanakan keperluan pemuatan dua senarai artikel mudah alih dalam antara muka Laravel tunggal: 10 keping data dimuatkan di halaman utama, dan 5 keping data dimuatkan pada halaman berikutnya.

Senario perniagaan

Antara muka senarai artikel mudah alih perlu memenuhi syarat -syarat berikut:

• 10 artikel dipaparkan untuk kali pertama.
• Apabila pengguna menarik ke bawah untuk menyegarkan atau menarik untuk memuat lebih banyak, 5 artikel dimuatkan setiap kali.

Pelan pelaksanaan

Tidak perlu membuat dua antara muka bebas, satu antara muka dapat memenuhi keperluan. Kuncinya adalah dengan fleksibel mengendalikan parameter yang diluluskan oleh bahagian depan.

1. Memuatkan Pertama (Laman Utama):

   Apabila bahagian depan meminta antara muka, lulus per_page=10 dan page=1 parameter.

2. Memuatkan Pagination:

   Apabila pengguna mencetuskan lebih banyak, bahagian depan melepasi per_page=5 dan meningkatkan parameter page .

Pelaksanaan Kod Laravel

 Getarticles Fungsi Awam (permintaan $ permintaan)
{
    $ Perpage = $ request-> input ('per_page', 10); // lalai 10
    $ page = $ request-> input ('page', 1); // lalai 1

    $ artikel = artikel :: paginate ($ Perpage, ['*'], 'page', $ page);

    tindak balas kembali ()-> json ($ artikel);
}

Contoh permintaan depan (menggunakan AXIOS)

Memuat pertama:

 axios.get ('/api/artikel', {
    Params: {
        per_page: 10,
        Page: 1
    }
})
.tua (respons => {
    // data proses});

Penjejakan Penjejakan (Dengan mengandaikan nombor halaman semasa adalahPage currentPage )

 axios.get ('/api/artikel', {
    Params: {
        per_page: 5,
        Page: CurrentPage 1
    }
})
.tua (respons => {
    // Proses Data dan Kemaskini Pusat Semasa
});

Melalui kaedah paginate , Laravel mengendalikan logik paging dengan anggun. Bahagian depan mudah menyedari pemuatan data yang berbeza dan pemuatan paging dengan mengawal parameter per_page dan page . Kaedah ini mudah dan cekap, mengelakkan kod berlebihan dan meningkatkan pemeliharaan antara muka.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan 10 data pada pertanyaan halaman rumah dan 5 data mengenai paging di Laravel dalam satu antara muka?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!