ASP.NET MVC v praxi od A do Z, 10. díl – Stránkování
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

ASP.NET MVC v praxi od A do Z, 10. díl – StránkováníASP.NET MVC v praxi od A do Z, 10. díl – Stránkování

 
Hledat
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Pergoly a střechy Brno

ASP.NET MVC v praxi od A do Z, 10. díl – Stránkování

Google       Google       12. 9. 2009       18 773×

Jak půjde čas, bude se počet večeří v naší databázi zvyšovat. Je jasné, že zobrazit všech 500 naplánovaných večeří na jedné stránce není zrovna vhodné, proto dnes implementujeme stránkování.

Reklama
Reklama

Na konci dnešního dílu bude seznam večeří rozdělený na stránky vždy po deseti záznamech.

Rozhraní IQueryable<T>

Toto rozhraní bylo uvedeno společně s LINQ v .NET 3.5 a pro nás jeho nejdůležitější vlastností je, že podporuje tzv. „deferred execution“ (odložené vykonání). Z českého překladu není moc dobře pochopitelné, co to vlastně znamená. Znamená to, že dotaz se databázi nepošle, dokud se nepokusíme k vráceným datům přistoupit nebo dokud na ně nezavoláme metodu ToList. Možná se to teď nezdá, ale díky této vlastnosti dokážeme implementovat stránkování neuvěřitelně snadno.

Podíváme se na současnou podobu metody Index v DinnersControlleru:

// GET: /Dinners/
public ActionResult Index()
{
    var dinners = dinnerRepository.FindUpcomingDinners().ToList();
    return View(dinners);
}

Je opravdu důležité si uvědomit, že samotné volání metody FindUpcomigDinners nic nevrátí, musíme zavolat ještě metodu ToList! Pokud bychom třeba chtěli přeskočit prvních deset nalezených večeří a vrátit až dvacet dalších, stačí jen jednoduchá úprava metody Index:

// GET: /Dinners/
public ActionResult Index()
{
    var upcomingDinners = dinnerRepository.FindUpcomingDinners();
    var paginatedDinners = upcomingDinners.Skip(10).Take(20).ToList();

    return View(paginatedDinners);
}

Teď už vás možná napadá, jak budeme řešit stránkování – číslo stránky předáme jako parametr v URL, uvnitř metody Index vypočítáme, kolik večeří se má přeskočit, a pak jednoduše vybereme deset dalších večeří a ty vypíšeme na stránku.

Parametr „page“ v URL

Ukážeme si dva různé způsoby, jak předat číslo stránky, kterou chceme zobrazit.

Použití querystringu

Jednodušší je použití querystringu, který umožní URL ve tvaru „/Dinners?page=2“:

// GET: /Dinners/
public ActionResult Index(int? page)
{
    const int pageSize = 10;

    var upcomingDinners = dinnerRepository.FindUpcomingDinners();
    var paginatedDinners = upcomingDinners.Skip((page ?? 0) * pageSize).Take(pageSize).ToList();

    return View(paginatedDinners);
}

Povšimněte si nullable parametru „page“, který metoda Index teď přijímá. Jeho hodnota se automaticky vezme z querystringu v URL. Pokud tam žádná hodnota nebude, předá se null, a tím pádem se zobrazí první stránka (respektive nultá, viz níže).

U proměnné paginedDinners používáme zvláštní operátor ??, který zkontroluje, jestli je proměnná vlevo od něj null, a pokud ano, uloží do ní nulu. Výsledek pak násobíme deseti, abychom věděli, kolik záznamů se má přeskočit.

Použití routování

Druhou možností je nadefinovat nové routovací pravidlo, můžeme pak použít URL ve tvaru „/Dinners/Page/2“.

Pro napsání nového pravidla musíme otevřít soubor Global.asax a napsat nové volání metody routes.MapRoute:

public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

    routes.MapRoute(
        "UpcomingDinners",                                      // Route name
        "Dinners/Page/{page}",                                  // URL with parameters
        new {controller = "Dinners", action = "Index"}          // Parameter defaults
    );

    routes.MapRoute(
        "Default",                                              // Route name
        "{controller}/{action}/{id}",                           // URL with parameters
        new { controller = "Home", action = "Index", id = "" }  // Parameter defaults
    );

}

Ještě musíme upravit metodu Index, ta ale bude naprosto stejná, jako kdybychom používali querystring.

Osobně raději využívám druhý způsob, ale je to na vás. Teď to funguje tak, že pokud zadáme URL „/Dinners“, zobrazí se první (nultá) stránka a pokud zadáme „Dinners/Page/1“, zobrazí se stránka druhá:

Navigace

Nechat uživatele, aby ručně upravoval URL pro přechod na další stránky, není zrovna dobrý způsob jak na to, takže vytvoříme navigační šipky.

Jako první věc budeme potřebovat vědět celkový počet večeří a kolik stránek dohromady tvoří. Pak spočítáme, jestli je aktuálně zobrazovaná stránka na začátku, na konci nebo někde uvnitř seznamu večeří a podle toho zobrazíme příslušné šipky. Mohli bychom celou logiku napsat přímo v metodě Index nebo to uděláme čistěji – napíšeme si pomocnou třídu.

Níže uvidíte zdrojový kód třídy PaginatedList, která je odvozená od generické verze kolekce List. Třídu umístíme do adresáře Controllers.

using System;
using System.Collections.Generic;
using System.Linq;

namespace NerdDinner.Controllers
{
    public class PaginatedList<T> : List<T>
    {
        public int PageIndex { get; private set; }
        public int PageSize { get; private set; }
        public int TotalCount { get; private set; }
        public int TotalPages { get; private set; }

        public PaginatedList(IQueryable<T> source, int pageIndex, int pageSize)
        {
            PageIndex = pageIndex;
            PageSize = pageSize;
            TotalCount = source.Count();
            TotalPages = (int)Math.Ceiling(TotalCount / (double)PageSize);

            this.AddRange(source.Skip(PageIndex * PageSize).Take(PageSize));
        }

        public bool HasPreviousPage
        {
            get
            {
                return (PageIndex > 0);
            }
        }

        public bool HasNextPage
        {
            get
            {
                return (PageIndex + 1 < TotalPages);
            }
        }
    }
}

Celou třídu tvoří šest vlastností a konstruktor, který čtyřem z nich přiřazuje hodnoty. Vlastnosti HasPreviousPage a HasNext indikují, jestli existuje nějaká stránka před aktuální stránkou nebo po ní.

Kód výše způsobí vykonání celkem dvou SQL dotazů – jeden z nich vrátí celkový počet Dinner objektů (nevrací to žádné objekty, skutečně jen počet, jako kdybychom zavolali přímo na databázi „SELECT COUNT“) a druhý dotaz získá řádky pro naplnění stránky.

Upravíme metodu DinnersController.Index tak, aby využívala naší novou třídu:

// GET: /Dinners/
// GET: /Dinners/Page/2
public ActionResult Index(int? page)
{
    const int pageSize = 10;

    var upcomingDinners = dinnerRepository.FindUpcomingDinners();
    var paginatedDinners = new PaginatedList<Dinner>(upcomingDinners, page ?? 0, pageSize);

    return View(paginatedDinners);
}

Na závěr musíme provést pár úprav i v šabloně Index - musíme upravit direktivu Page a pak ještě přidat pár podmínek pro zobrazení navigačních šipek:

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<NerdDinner.Controllers.PaginatedList<NerdDinner.Models.Dinner>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Chystané večeře
</asp:Content>
<asp:Content ID="Main" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        Chystané večeře</h2>
    <ul>
        <% foreach (var dinner in Model)
           { %>
        <li>
            <%= Html.ActionLink(dinner.Title, "Details", new { id=dinner.DinnerID }) %>
            dne
            <%=Html.Encode(dinner.EventDate.ToShortDateString())%>
            @
            <%=Html.Encode(dinner.EventDate.ToShortTimeString())%>
        </li>
        <% } %>
    </ul>
    <% if (Model.HasPreviousPage)
       { %>
    <%= Html.RouteLink("<<<", "UpcomingDinners", new { page = (Model.PageIndex - 1) }) %>
    <% } %>
    <% if (Model.HasNextPage)
       {  %>
    <%= Html.RouteLink(">>>", "UpcomingDinners", new { page = (Model.PageIndex + 1) }) %>
    <% } %>
</asp:Content>

Pro vytvoření odkazů používáme metodu Html.RouteLink, které předáváme text, který se má zobrazit jako odkaz, název routovacího pravidla a nakonec číslo stránky, na kterou chceme přejít.

A je to! Můžete si to sami zkusit, vše by mělo fungovat.

V příštím díle nás čeká klíčová věc – autentizace a autorizace.

Zdroj: http://nerddinnerbook.s3.amazonaws.com/Part8.htm

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

3 názory  —  3 nové  
Hlasování bylo ukončeno    
0 hlasů
Google
Jakub studuje informatiku na FIT ČVUT, jeho oblíbenou platformou je .NET.
Web     Twitter     Facebook     LinkedIn    

Nové články

Obrázek ke článku Konference: Moderní informační systémy podporují automatizaci

Konference: Moderní informační systémy podporují automatizaci

Současná situace v šíření onemocnění Covid-19 klade na řadu firem nové nároky a mnohé z nich jsou nyní více než kdy jindy závislé na nejmodernějších informačních technologiích. Proto i v oblasti podnikových informačních systémů vidíme rostoucí důraz na automatizaci nebo na důslednou integraci. Také o těchto trendech se bude mluvit na konferenci Firemní informační systémy, která se koná 24.9.2020 v pražském Kongresovém centru Vavruška na Karlově náměstí.

Reklama
Reklama
Obrázek ke článku Nebezpečí ukrytá v USB: z nuly na škvarek za pět sekund

Nebezpečí ukrytá v USB: z nuly na škvarek za pět sekund

Za cenu šesti dolarů lze celkem bez obtíží koupit nový, líbivě vyhlížející flash disk. Přidaná hodnota, které se vám spolu s ním dostane, už tak moc líbivá není. To, co se před pár sekundami tvářilo jako externí disk, se po připojení k počítači změní v důmyslné elektrické křeslo, které vaše zařízení v onen příslovečný škvarek promění za pár sekund. Cílovou skupinou pro koupi takových zařízení by mohli být záškodníci, kteří by tímto způsobem osnovali pomstu třeba vůči záletnému partnerovi. 

Obrázek ke článku Znalosti, dovednosti i prestižní titul MBA: Jde to i moderně a online

Znalosti, dovednosti i prestižní titul MBA: Jde to i moderně a online

Snad nikdy není špatná příležitost na investici do hodnotného vzdělání. Obzvlášť v případě, že absolvent dovede teoretické poznatky přetavit v praktické dovednosti, využitelné při řešení problémů i v komunikaci. Právě na to se specializuje studijní program MBA Řízení informačních technologií, vyučovaný na Business Institutu.

Obrázek ke článku Coding Bootcamp Praha: Obor IT krize nepoznamenala, žádaní jsou weboví vývojáři

Coding Bootcamp Praha: Obor IT krize nepoznamenala, žádaní jsou weboví vývojáři

Pandemie Covid-19 otřásla trhem práce v základech. Dopady krize pocítilo celkově až 45 % zaměstnanců. Není divu, že čím dál větší jistotu přináší obor IT. Ten zůstal krizí téměř nepoznamenán a při nutnosti začít dělat věci na dálku se ještě více ukázalo, jak moc mnohé firmy kvalitní IT potřebují. Do IT nyní přicházejí začátečníci, kteří v něm vidí lukrativní budoucnost a jistotu, ale i freelanceři a zaměstnanci z oborů zasažených krizí

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032020 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý