Interaktion im Webdesign: Eine kurze Diskussion über Paging-Probleme
 Elemente: Die grundlegenden Elemente der Seitennummerierung sind: vorherige Seite + Seitenzahl + nächste Seite (z. B. Markierung 1); Gesamtseitenzahl (z. B. Markierung 2); Seite springen (z. B. Markierung 3); Schaltfläche „Bestätigen“ (z. B. Markierung 4);  Wenn die Anzahl der Forenseiten groß ist, kann sie Tausende erreichen. Der Großteil des paginierten Inhalts besteht aus Top-Beiträgen oder Originalbeiträgen, die ständig aktualisiert werden. Die meisten Benutzer prüfen daher die Originalbeiträge auf der Startseite und dann selektiv einige Nachrichtenseiten. Die Möglichkeit, sie alle manuell durchzublättern, liegt nahezu bei Null. Daher verfügt das Paging im Forum-Stil über die folgenden Funktionen: 1. Die meisten Benutzer blättern direkt um oder möchten nach dem Lesen des Originalbeitrags zur Beitragsliste zurückkehren. Daher wird zusätzlich zum unteren Rand eine Seitenumblätterfunktion oben hinzugefügt und eine Verknüpfung „Zurück zur Liste“ festgelegt. 2. Daher ist die „1.“ Seite die Startseite, und es gibt immer eine „1.“ Seite. „…“ wird in der Mitte verwendet, um die Seitenzahl anzuzeigen, die nicht angezeigt wird. 3. Geben Sie nur die Seitenzahlen „Startseite 1 + 5 aufeinanderfolgende Seitenzahlen + letzte Seite“ an. Der Entwickler sollte berücksichtigen, dass der durchschnittliche Benutzer höchstens 5 Seiten Inhalt hintereinander anzeigen kann. Oder Sie können direkt zur letzten anzuzeigenden Seite springen. Dazu werden die letzte Seitenzahl und die Schaltfläche zum direkten Springen zur letzten Seite angezeigt.  Die Informationen, die die Benutzer durchsuchen, sind die Informationen, die sie interessieren, und sie durchsuchen sie Seite für Seite, als würden sie eine Zeitung lesen. Daher werden „vorherige Seite“ und „nächste Seite“ am häufigsten verwendet. Am häufigsten wird das Umblättern verwendet. Um das Konzept leichtgewichtiger Microblogs widerzuspiegeln, wird der mittlere Seitenzahlenteil des traditionellen Umblätterns zu einem Dropdown-Menü vereinfacht, das sowohl die aktuelle Seitenposition markieren als auch Seiten wechseln kann. Sina Weibo: 45 Mikroblogs pro Seite, weitere werden umblättern, vorherige Seite, nächste Seite und Seitenzahl, standardmäßig 10 Seiten pushen  1. Die Suchergebnisse liefern beim ersten Mal nur 10 Seiten. Generell sollten Benutzer den Suchinhalt ändern, wenn sie auf diesen 10 Seiten immer noch nicht finden, was sie suchen. Die Footprint-Grafik und die entsprechende Seitenzahl darunter können angeklickt werden, um die Seite umzublättern, was das Interesse an der Seite erhöht. 2. Da Benutzer beim Suchen nach Seiten im Allgemeinen nicht zur Startseite zurückkehren, verfügt die Seite nur über Verknüpfungsschaltflächen für die vorherige und die nächste Seite. 3. Klicken Sie auf eine beliebige Seitenzahl, um mit dem Durchsuchen fortzufahren. Sie werden feststellen, dass die nächste Seitenzahl wie folgt lautet: aktuelle Seite + 9; Dies ist für Benutzer praktisch, um den Suchbereich zu erweitern. 4. Geben Sie bis zu 20 Seitenzahlen an; besser geeignet für die Seitenbreite  1. Tencent Weibo: 45 Mikroblogs pro Seite, standardmäßig werden mehr als eine Schaltfläche angezeigt. Klicken Sie darauf, und 45 weitere werden darunter angezeigt usw. Tencent hat außerdem einen benutzerfreundlicheren Seitenumblättermodus eingeführt, den Benutzer auswählen können.    |
<<: Über die Rolle von Metadaten in HTML (aus dem Internet gesammelt und sortiert)
>>: CSS Acht auffällige HOVER-Effekt-Beispielcodes
Artikel empfehlen
Detaillierte Erläuterung der Probleme und Lösungen beim flexiblen Mehrspaltenlayout
Das Flex-Layout ist zweifellos einfach und leicht...
5 gängige Szenarien und Beispiele für die Destrukturierungszuweisung in JavaScript
Inhaltsverzeichnis Vorwort 1. Daten extrahieren 2...
Detaillierte Erläuterung der gespeicherten Prozeduren und Funktionen von MySQL
1 Gespeicherte Prozedur 1.1 Was ist eine gespeich...
Empfehlen Sie eine coole interaktive Website, die von einem Front-End-Ingenieur erstellt wurde
Website-Link: http://strml.net/ Von Samuel Reed T...
Detaillierte grafische Erklärung zur Installation und vollständigen Löschung von MySQL durch Dekomprimierung
1. MySQL installieren (1) Entpacken Sie die herun...
Alibaba Cloud Nginx konfiguriert https, um ein Domänennamen-Zugriffsprojekt zu implementieren (grafisches Tutorial)
Schritt 1: Signieren Sie ein vertrauenswürdiges S...
Implementierungsidee zur Linksausrichtung der letzten Zeile des Flexbox-Layouts
Wenn es sich bei der Verwendung des Flex-Layouts ...
Empfehlen Sie mehrere MySQL-bezogene Tools
Vorwort: Mit der kontinuierlichen Entwicklung der...
40 Schriftarten, empfohlen für berühmte Website-Logos
Wissen Sie, welche Schriftarten in den Logo-Desig...
Beispielerklärung von MySQL-Fremdschlüsseleinschränkungen
Die Fremdschlüsseleinschränkung von MySQL dient z...
Verwenden Sie die Triggermethode, um ein Popup-Dialogfeld zur Dateiauswahl zu realisieren, ohne auf die Dateitypeingabe klicken zu müssen
Sie können die Trigger-Methode verwenden. In JavaS...
Konvertierung von virtuellem Dom in reales Dom mit Vue
Es gibt eine andere Baumstruktur Javascript-Objek...
Detaillierte Erläuterung des Redo-Logs und Undo-Logs in MySQL
Die wichtigsten Protokolle im MySQL-Protokollsyst...
Eine kurze Diskussion über den Unterschied zwischen src und href in HTML
Einfach ausgedrückt bedeutet src „Ich möchte dies...
Ein Beispiel für die Verwendung von nginx zum Konfigurieren mehrerer Laravel-Projekte mit einem Domänennamen
Hintergrund Da die Anzahl der Unterprojekte des U...