Demo: Kërkime SQL dhe faqe me rezultate

Shembull demonstrues me SQL, lista dhe një tabelë të gjerë për kontrollin e leximit në desktop dhe telefon.

Të lexosh rezultatet me radhë

Ky material është demonstrues. Emrat e tabelave dhe fushave janë shembuj për paraqitje dhe nuk i referohen të dhënave reale.

Kur një listë rritet, ndarja në faqe e bën ndërfaqen më të lehtë për t’u përdorur. Filtrat dhe renditja duhet të ruhen në adresë, në mënyrë që pamja të mund të ndahet ose të hapet përsëri.

Shembull SQL

DECLARE @Page int = 1;
DECLARE @PageSize int = 10;

SELECT Id, Title, PublishedAtUtc
FROM PublishedArticles
ORDER BY PublishedAtUtc DESC, Id
OFFSET (@Page - 1) * @PageSize ROWS
FETCH NEXT @PageSize ROWS ONLY;

Shembulli përdor një renditje të qëndrueshme. Në një aplikacion real, vlerat duhet të validohen dhe parametrizohen sipas kontratës së API-së.

Parametrat e listës

Parametri Vlerë ilustruese Roli në ndërfaqe Sjellja e pritur
q angular Kërkimi sipas tekstit Kufizon rezultatet e publikuara
page 2 Faqja aktuale Ruan pozicionin e navigimit
pageSize 10 Numri i rezultateve Kufizon madhësinë e përgjigjes
sort publishedAtDesc Renditja Shfaq publikimet më të fundit

Një kontroll praktik

  • Hape artikullin në telefon.
  • Kontrollo lëvizjen horizontale të kodit dhe tabelës.
  • Kthehu te lista e blogut.
  • Provo filtrin e kategorisë Demo.

Përmbajtja duhet të mbetet e lexueshme edhe kur një shembull teknik është më i gjerë se ekrani.

Bujar Ademi

Written by

Bujar Ademi

Senior .NET Developer & Team Lead

← All articles