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



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 membincangkan membuat dan menyesuaikan elemen UI yang boleh diguna semula di Laravel menggunakan komponen, menawarkan amalan terbaik untuk organisasi dan mencadangkan peningkatan pakej.

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 menggunakan arahan pisau tersuai di Laravel untuk meningkatkan templat. Ia meliputi arahan yang menentukan, menggunakannya dalam templat, dan menguruskannya dalam projek besar, menonjolkan manfaat seperti kebolehgunaan semula kod yang lebih baik dan r yang lebih baik dan r

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 meneroka strategi muat naik fail optimum dan penyimpanan awan di Laravel. Ia mengkaji penyimpanan storan tempatan berbanding pembekal awan (AWS S3, Google Cloud, Azure, DigitalOcean), menekankan keselamatan (pengesahan, sanitisasi, HTTPS) dan Opti Prestasi

Konsol Artisan Laravel mengautomasikan tugas -tugas seperti menghasilkan kod, menjalankan migrasi, dan penjadualan. Perintah utama termasuk membuat: pengawal, berhijrah, dan db: benih. Perintah tersuai boleh dibuat untuk keperluan khusus, meningkatkan kecekapan aliran kerja.Character

Artikel ini membincangkan menggunakan penghalaan Laravel untuk mewujudkan URL mesra SEO, meliputi amalan terbaik, URL kanonik, dan alat untuk pengoptimuman SEO.
