Bagaimana untuk melaksanakan fungsi paging dalam laravel+vue
Laravel ialah rangka kerja PHP yang popular, manakala Vue.js ialah rangka kerja JavaScript untuk membina antara muka pengguna. Menggunakannya bersama-sama boleh membawa kita pengalaman pembangunan yang lebih baik dan pembangunan yang lebih cekap. Apabila membangunkan aplikasi web, anda perlu menggunakan fungsi paging untuk mengendalikan paparan sejumlah besar data. Jadi, bagaimana untuk melaksanakan penomboran dalam Laravel dan Vue? Artikel ini akan memperkenalkan kaedah pelaksanaan halaman Laravel dan Vue.
### Penomboran dalam Laravel
Laravel menyediakan cara yang mudah untuk menggunakan fungsi penomboran dalam pengawal untuk mengembalikan koleksi bernombor. Kita boleh melaksanakan fungsi paging melalui kod berikut:
$users = DB::table('users')->paginate(10); return view('user.index', ['users' => $users]);
Dalam fail paparan, kita boleh menggunakan operator paging yang disediakan oleh Laravel untuk meletakkan kandungan paging ke dalam halaman HTML. Kod khusus adalah seperti berikut:
@foreach ($users as $user) {{ $user->name }} @endforeach {{ $users->links() }}
$users->links()
di sini ialah pengendali halaman yang disediakan oleh Laravel.
Dalam Laravel, penomboran juga boleh dilaksanakan dengan menentukan penomboran sebagai kelas sumber api. Dalam kelas sumber, kita boleh menggunakan perpustakaan fraktal dan Paginator yang disediakan oleh Laravel untuk melaksanakan fungsi paging. Untuk menggunakan pustaka Paginator, anda perlu mengkonfigurasi perkara berikut terlebih dahulu dalam pengawal:
use Illuminate\Pagination\LengthAwarePaginator; protected function paginate($items, $perPage = 15, $page = null) { $page = $page ?: (Paginator::resolveCurrentPage() ?: 1); return (new LengthAwarePaginator($items, count($items), $perPage, $page, [ 'path' => Paginator::resolveCurrentPath(), 'pageName' => 'page', ]))->appends($this->request->query()); }
Kemudian gunakan kod berikut dalam kelas sumber untuk melaksanakan fungsi paging:
public function toArray($request) { return [ 'data' => $this->collection, 'links' => [ 'self' => 'link-value', ], 'meta' => [ 'total' => $this->total(), 'per_page' => $this->perPage(), 'current_page' => $this->currentPage(), 'last_page' => $this->lastPage(), 'from' => $this->firstItem(), 'to' => $this->lastItem(), ], ]; }
Penomboran dalam Vue
Dalam Vue, kita boleh menggunakan vue-penomboran perpustakaan pihak ketiga untuk melaksanakan fungsi halaman. Ia adalah komponen yang boleh disesuaikan yang boleh digunakan dengan mudah dengan Vue.js.
Untuk menggunakan komponen vue-pagination, anda perlu terlebih dahulu memperkenalkan komponen dan mendaftarkannya:
import VuePagination from 'vue-pagination-2' export default { components: { VuePagination }, data () { return { currentPage: 1, ... } } }
Kemudian ia boleh digunakan seperti ini dalam HTML:
<vue-pagination :total="total" :current-page="currentPage" :per-page="perPage" @paginate="loadPaginatedData" :pagination-class="'pagination'" :page-class="'page-item'"> </vue-pagination>
Di mana, jumlah bermakna Jumlah bilangan halaman, currentPage mewakili nombor halaman semasa, perPage mewakili jumlah data yang dipaparkan pada setiap halaman dan acara penomboran mewakili fungsi panggil balik semasa halaman.
Menggunakan komponen vue-penomboran boleh menyesuaikan gaya dan fungsi halaman, dan ia agak mudah untuk digunakan.
Ringkasan
Dalam artikel ini, kami memperkenalkan kaedah untuk melaksanakan penomboran dalam Laravel dan Vue. Dalam Laravel, kita boleh menggunakan fungsi penomboran dan perpustakaan Paginator yang disediakan oleh Laravel, yang sangat mudah. Dalam Vue, kami boleh menggunakan vue-penomboran komponen pihak ketiga untuk menjadikan fungsi paging lebih fleksibel dan disesuaikan. Saya harap artikel ini dapat membantu anda melaksanakan fungsi paging dengan lebih baik.
Atas ialah kandungan terperinci Bagaimana untuk melaksanakan fungsi paging dalam laravel+vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Artikel ini membimbing membina API Restful Laravel yang mantap. Ia meliputi persediaan projek, pengurusan sumber, interaksi pangkalan data, siri, pengesahan, kebenaran, ujian, dan amalan terbaik keselamatan penting. Menangani Chall Scalability

Artikel ini menyediakan panduan komprehensif untuk memasang rangka kerja Laravel terkini menggunakan komposer. Ia memperincikan prasyarat, arahan langkah demi langkah, masalah penyelesaian masalah biasa (versi PHP, sambungan, keizinan), dan minimu

Artikel ini membimbing pengguna Laravel-Admin pada pengurusan menu. Ia meliputi penyesuaian menu, amalan terbaik untuk menu besar (pengkategorian, modularization, carian), dan penjanaan menu dinamik berdasarkan peranan pengguna dan keizinan menggunakan pengarang Laravel

Butiran artikel ini melaksanakan pengesahan dan kebenaran OAuth 2.0 di Laravel. Ia meliputi menggunakan pakej seperti penyelesaian liga/oauth2-server atau penyedia khusus, menekankan persediaan pangkalan data, pendaftaran klien, konfigurasi pelayan kebenaran

Artikel ini membimbing pemaju Laravel dalam memilih versi yang betul. Ia menekankan pentingnya memilih pelepasan Sokongan Jangka Panjang (LTS) terkini untuk kestabilan dan keselamatan, sambil mengakui bahawa versi yang lebih baru menawarkan ciri -ciri canggih.

Artikel ini membincangkan membuat dan menggunakan peraturan pengesahan tersuai di Laravel, menawarkan langkah -langkah untuk menentukan dan melaksanakannya. Ia menyoroti faedah seperti kebolehgunaan semula dan kekhususan, dan menyediakan kaedah untuk memperluaskan sistem pengesahan Laravel.

Artikel ini membincangkan amalan terbaik untuk menggunakan Laravel dalam persekitaran awan-asli, yang memberi tumpuan kepada skalabiliti, kebolehpercayaan, dan keselamatan. Isu -isu utama termasuk kontena, mikroservis, reka bentuk tanpa kewarganegaraan, dan strategi pengoptimuman.

Artikel ini membincangkan membuat dan menyesuaikan elemen UI yang boleh diguna semula di Laravel menggunakan komponen, menawarkan amalan terbaik untuk organisasi dan mencadangkan peningkatan pakej.
