suchen
HeimWeb-FrontendLayui-TutorialSo implementieren Sie Hintergrund-Paging mithilfe von Layui-Tabellen

So implementieren Sie Hintergrund-Paging mithilfe von Layui-Tabellen

So verwenden Sie Layui-Tabellen, um Hintergrund-Paging zu implementieren:

<table class="layui-table" lay-data="{width: 892, height:332,url:&#39;&#39;, page:true, id:&#39;idTest&#39;}" lay-filter="demo">
  <thead>
    <tr>
      <th lay-data="{type:&#39;checkbox&#39;, fixed: &#39;left&#39;}"></th>
      <th lay-data="{field:&#39;id&#39;, width:80, sort: true, fixed: true}">id</th>
      <th lay-data="{field:&#39;menubarid&#39;, width:80}">菜单id</th>
      <th lay-data="{field:&#39;name&#39;, width:80, sort: true}">菜名</th>
      <th lay-data="{field:&#39;price&#39;, width:80}">价格</th>
      <th lay-data="{field:&#39;status&#39;, width:160}">状态</th>
      <th lay-data="{fixed: &#39;right&#39;, width:178, align:&#39;center&#39;, toolbar: &#39;#barDemo&#39;}"></th>
    </tr>
  </thead>
</table>

Verwenden Sie Layui, um Tabellen automatisch zu rendern und zu generieren. Standardmäßig werden die Parameter page und limit aus dem bezogen Front-End in der get-Methode

int page = Integer.parseInt(request.getParameter("page"));
int limit = Integer.parseInt(request.getParameter("limit"));	
int count = menuDao.searchcount();             // 查找数据条数
int page_temp = page;
int limit_temp = limit;
if (count < page * limit) {
	limit = count - (page - 1) * limit;
}
page = (page_temp - 1) * limit_temp;

MySQL wird verwendet, um nach der Anzahl der Zeilen zu suchen, und die zweite ist die Paging-Abfrageanweisung. Übergeben Sie einfach die Seite und das Limit in zwei Fragezeichen .

 select  count(*) from menu 
select * from menu limit ?,?

Schließlich ändern Sie vor der Konvertierung in JSON den Wert von count in die Anzahl der Zeilen, die Sie aus der SQL-Abfrage erhalten haben.

String layjson ="{\"code\":0,\"msg\":\"\",\"count\":"+getcount()+",\"data\":["+data+"]}";

Dieser Artikel ist reproduziert von: https://blog.csdn.net/qq_42290276/article/details/80508332

Für mehr Laui-Wissen achten Sie bitte auf das Layui Tutorial zur Verwendung Spalte.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Hintergrund-Paging mithilfe von Layui-Tabellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Dieser Artikel ist reproduziert unter:csdn. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Wie benutze ich das Flussmodul von Layui für das unendliche Scrollen?Wie benutze ich das Flussmodul von Layui für das unendliche Scrollen?Mar 18, 2025 pm 01:01 PM

In dem Artikel wird das Flow -Modul von Layui zum unendlichen Bildschirmrollen, Abdecken von Setup, Best Practices, Leistungsoptimierung und Anpassung für erweiterte Benutzererfahrung erläutert.

Wie kann ich das Aussehen und das Verhalten des Karussellmoduls von Layui anpassen?Wie kann ich das Aussehen und das Verhalten des Karussellmoduls von Layui anpassen?Mar 18, 2025 pm 12:59 PM

In dem Artikel wird das Anpassung des Karussellmoduls von Layui erörtert, der sich auf CSS- und JavaScript -Modifikationen für Aussehen und Verhalten konzentriert, einschließlich Übergangseffekten, Autoplay -Einstellungen und Hinzufügen benutzerdefinierter Navigationskontrollen.

Wie verwende ich das Karussellmodul von Layui, um Bildschieber zu erstellen?Wie verwende ich das Karussellmodul von Layui, um Bildschieber zu erstellen?Mar 18, 2025 pm 12:58 PM

Der Artikel führt zur Verwendung von Layui -Karussellmodul für Bildschieber, Detailschritte für Setup-, Anpassungsoptionen, Implementierung von Autoplay- und Navigationsstrategien sowie Leistungsoptimierungsstrategien.

Wie konfiguriere ich das Upload -Modul von Layui, um Dateitypen und -größen einzuschränken?Wie konfiguriere ich das Upload -Modul von Layui, um Dateitypen und -größen einzuschränken?Mar 18, 2025 pm 12:57 PM

In dem Artikel wird das Konfigurieren von Layui -Upload -Modul zur Einschränkung von Dateitypen und -größen mithilfe von Akzeptieren, Exts und Größeneigenschaften sowie Anpassung von Fehlermeldungen für Verstöße erläutert.

Wie verwende ich das Layui -Ebenenmodul, um modale Fenster und Dialogfelder zu erstellen?Wie verwende ich das Layui -Ebenenmodul, um modale Fenster und Dialogfelder zu erstellen?Mar 18, 2025 pm 12:46 PM

In dem Artikel wird erläutert, wie das Layui -Layer -Modul zum Erstellen modaler Fenster und Dialogfelder verwendet wird, um Setup, Typen, Anpassungen und gemeinsame Fallstricke zu vermeiden.

Wie vergleicht Layui mit anderen CSS -Frameworks wie Bootstrap und semantischer UI?Wie vergleicht Layui mit anderen CSS -Frameworks wie Bootstrap und semantischer UI?Mar 14, 2025 pm 07:29 PM

Layui, bekannt für Einfachheit und Leistung, wird mit Bootstrap und semantischer Benutzeroberfläche für Design, Komponenten und Integrationsleichter verglichen. Layui zeichnet sich in Modularität und chinesischer Unterstützung aus. (159 Zeichen)

Was sind einige erweiterte Anwendungsfälle für Layui, die über typische Webanwendungen hinausgehen?Was sind einige erweiterte Anwendungsfälle für Layui, die über typische Webanwendungen hinausgehen?Mar 14, 2025 pm 07:28 PM

Layui erstreckt sich über grundlegende Web-Apps über Spas, Echtzeit-Dashboards, PWAs und komplexe Datenvisualisierungen, die Benutzererfahrungen auf Unternehmensebene mit seinen modularen Design- und Rich UI-Komponenten verbessern. (159 Zeichen)

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

Sicherer Prüfungsbrowser

Sicherer Prüfungsbrowser

Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.

EditPlus chinesische Crack-Version

EditPlus chinesische Crack-Version

Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

WebStorm-Mac-Version

WebStorm-Mac-Version

Nützliche JavaScript-Entwicklungstools