{"id":23373,"date":"2021-04-28T15:55:00","date_gmt":"2021-04-28T12:55:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23373"},"modified":"2021-10-17T21:35:44","modified_gmt":"2021-10-17T18:35:44","slug":"kuinka-kayttaa-sisaanrakennettua-laravel-sivutusominaisuutta-verkkosivustolla","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-kayttaa-sisaanrakennettua-laravel-sivutusominaisuutta-verkkosivustolla\/","title":{"rendered":"Kuinka k\u00e4ytt\u00e4\u00e4 sis\u00e4\u00e4nrakennettua Laravel-sivutusominaisuutta verkkosivustolla"},"content":{"rendered":"

Etsitk\u00f6 integroitua sis\u00e4\u00e4nrakennettua Laravel-sivutusta sovellukseesi? Sivunvaihto on aina pitk\u00e4 teht\u00e4v\u00e4. Jos teemme sen ilman kolmannen osapuolen kirjastoa, meid\u00e4n on k\u00e4sitelt\u00e4v\u00e4 sivutuslinkit, tietueiden kokonaism\u00e4\u00e4r\u00e4, tietueet sivua kohti jne. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme, kuinka sivutusta k\u00e4ytet\u00e4\u00e4n Laravelissa, joka on jo mukana Laravel-asennuksessa.<\/p>\n

Sivustolla tarvitsemme usein sivutuksia. Suuren tietuejoukon n\u00e4ytt\u00e4miseksi k\u00e4yt\u00e4mme sivutusta. K\u00e4ytt\u00e4m\u00e4ll\u00e4 sivutusta jaetaan suuri joukko tietoja pieniksi osiksi. Se v\u00e4hent\u00e4\u00e4 palvelimemme kuormitusta ja sen seurauksena palvelin reagoi nopeasti.<\/p>\n

Kuinka k\u00e4ytt\u00e4\u00e4 Laravel-sivutusta<\/h3>\n

Oletetaan, ett\u00e4 tietokannassamme on taulukon ’tuotteita’, ja t\u00e4m\u00e4 taulukko sis\u00e4lt\u00e4\u00e4 suuren joukon tietueita. Tavoitteenamme on n\u00e4ytt\u00e4\u00e4 10 rivi\u00e4 kerrallaan t\u00e4st\u00e4 taulukosta. Ja seuraavissa tietueissa k\u00e4yt\u00e4mme sivunumerolinkkej\u00e4.<\/p>\n

\"Kuinka<\/a><\/p>\n

Ohjaimessamme k\u00e4yt\u00e4mme paginate<\/code>menetelm\u00e4\u00e4 ja v\u00e4lit\u00e4mme arvon 10 argumenttina.<\/p>\n

public function index()\n{\n\u00a0\u00a0\u00a0\u00a0$products = DB::table('products')->paginate(10);\n\u00a0\u00a0\u00a0\u00a0return view('products.index', ['products' => $products]);\n}<\/code><\/pre>\n
Yll\u00e4 oleva koodi hakee 10 rivi\u00e4 tietokantataulukosta ja siirt\u00e4\u00e4 n\u00e4m\u00e4 tietueet n\u00e4kym\u00e4\u00e4n.<\/p>\n
N\u00e4iden tietueiden n\u00e4ytt\u00e4miseksi n\u00e4kym\u00e4ss\u00e4 kirjoitamme koodin seuraavasti.<\/p>\n
<table class=\"table\">\n\u00a0\u00a0\u00a0\u00a0<thead>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<th>Id<\/th>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<th>Name<\/th>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<th>Description<\/th>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/tr>\n\u00a0\u00a0\u00a0\u00a0<\/thead>\n\u00a0\u00a0\u00a0\u00a0<tbody>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@foreach($products as $p)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td>{{ $p->id }}<\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td>{{ $p->name }}<\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td>{{ $p->description }}<\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@endforeach\n\u00a0\u00a0\u00a0\u00a0<\/tbody>\n<\/table>\n\u00a0\n{{ $products->links() }}<\/code><\/pre>\n
T\u00e4ss\u00e4 links<\/code>menetelm\u00e4ss\u00e4 palautetaan n\u00e4kym\u00e4 paginaatiosta, joka perustuu k\u00e4ynnistysstrap-taulukon sivutukseen.<\/p>\n
Laravel antaa meille my\u00f6s mahdollisuuden k\u00e4ytt\u00e4\u00e4 paginoivia Eloquent-kyselyj\u00e4 kyselyn rakennusty\u00f6kalun sijaan.<\/p>\n
$products = AppProduct::paginate(10);<\/code><\/pre>\n
V\u00e4lit\u00e4 ylim\u00e4\u00e4r\u00e4iset parametrit linkitt\u00e4m\u00e4\u00e4n linkit<\/h3>\n
Normaalisti k\u00e4yt\u00e4mme sivutusta HTML-taulukoissa. Taulukko luettelon kanssa annamme hakukent\u00e4n tietueiden suodattamiseksi. Hakusuodattimien jatkamiseksi meid\u00e4n pit\u00e4isi siirt\u00e4\u00e4 hakumerkkijono sivunumerointi-linkeiss\u00e4 kuten alla.<\/p>\n
http: \/\/ Sivustosi_domain \/ tuotteet? s = testi & sivu = 1<\/a><\/p>\n
T\u00e4m\u00e4n saavuttamiseksi meid\u00e4n on v\u00e4litett\u00e4v\u00e4 hakumerkkijono tarkasteltavaksi ohjaimesta.<\/p>\n
$products = DB::table('products')->paginate(10);\n$products->search = 'YOUR_SEARCH_STRING';\nreturn view('products.index', ['products' => $products]);<\/code><\/pre>\n
Seuraavaksi sivujen linkkien n\u00e4ytt\u00e4miseksi muokkaamme koodiamme n\u00e4kym\u00e4ss\u00e4 seuraavasti.<\/p>\n
{{ $products->appends(['s' => $products->search])->links() }}<\/code><\/pre>\n
appends<\/code> method lis\u00e4\u00e4 kyselymerkkijono sivulinkeihin.<\/p>\n
Toivomme, ett\u00e4 ymm\u00e4rr\u00e4t miten Laravel-sivut voidaan hakemuksessa. Jos sinulla on kysytt\u00e4v\u00e4\u00e4 tai ehdotuksia, j\u00e4t\u00e4 kommentti alla.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n