Wie implementiert man die Red Dot-Eingabeaufforderung für die Inhaltsaktualisierung des Miniprogramms?

Wenn der Inhalt aktualisiert wird, muss dem Eingang eine kleine rote Punktaufforderung hinzugefügt werden. Diese Anforderung ist üblich und nicht kompliziert zu implementieren. Es gibt viele Implementierungsszenarien, z. B. Web, App, Applet usw. Die Implementierungsideen sind ähnlich. In diesem Artikel werden die vollständigen Ideen zur Lösung des Problems aus den beiden Situationen „Anmeldung“ und „Nicht-Anmeldung“ beschrieben.

Mit Anmeldestatus

Ein häufigerer Ansatz besteht darin, die Lesezeit des Benutzers im Hintergrund in die Benutzerdateninformationen einzugeben, wenn der Inhalt aktualisiert wird Wenn die Lesezeit des Benutzers vor der Aktualisierungszeit des Inhalts liegt, wird dem Benutzer am Eingang ein kleiner roter Punkt angezeigt, um anzuzeigen, dass es ungelesene aktualisierte Inhalte gibt.

1. Daten aktualisieren

Der erste Schritt besteht darin, die Daten zu aktualisieren, die Sie zusätzlich zu den regulären Datenfeldern benötigen auf das neue 更新时间

🎜>Feld achten. Auf diese Weise ist es für den Hintergrund praktisch, beim Abrufen von Daten die Datenaktualisierungszeit mit der Lesezeit des Benutzers zu vergleichen.

2. Daten abrufen

Beim Abrufen der Daten wird die Benutzer-ID abgefragt Benutzer Die Lesezeit von Zeiten wird verwendet, um zu bestimmen, ob der Benutzer den neuesten Inhalt durchsucht hat, und der Lese- und Ungelesen-Status des Benutzers wird ermittelt. is_read: false已读时间Wenn die letzte Lesezeit des Benutzers nach der letzten Aktualisierungszeit der Daten liegt, befinden sie sich im ungelesenen Zustand und die Schnittstelle gibt

zurück Fordert die Schnittstelle auf, den Lesevorgang festzulegen, und der Hintergrund empfängt den festgelegten Lesevorgang. Aktualisieren Sie nach der Anforderung das Feld

in den Benutzerdaten.

Wenn die letzte Lesezeit des Benutzers nach der letzten Aktualisierungszeit der Daten liegt, befindet sie sich im Lesestatus. Zu diesem Zeitpunkt findet keine Inhaltsaktualisierung statt und der Benutzer wird nicht mit einem roten Hinweis dazu aufgefordert Punkt.

An diesem Punkt ist eine einfache Funktion mit einem roten Punkt für Inhaltsaktualisierungsaufforderungen für den Benutzeranmeldestatus abgeschlossen.

Nicht angemeldet

Wenn Inhalte an einen Benutzer im Besucherstatus weitergeleitet werden müssen, wie können wir dann wissen, ob der Benutzer den neuesten Inhalt angesehen hat?

1. Daten aktualisieren

更新时间

Das Aktualisieren von Daten erfolgt auf die gleiche Weise wie der Anmeldestatus. Fügen Sie einfach ein Feld

hinzu.

2. Datenbeschaffung

readTime

Dieser Schritt der Datenbeschaffung ist etwas anders. Die Datenaktualisierungszeit wird immer noch aus dem Hintergrund gezogen und die letzte Lesezeit des Benutzers lokal aus dem Browser. Holen Sie es aus dem Cache localStorage. Wenn der Benutzer die Inhaltsseite zum ersten Mal betritt, aktualisieren Sie das Feld

in localStorage, um die Zeit anzugeben, zu der der Benutzer gelesen hat.

Vergleichen Sie beim erneuten Aufrufen der Inhaltsseite die Lesezeit in localStorage mit der Datenaktualisierungszeit, um zu entscheiden, ob die Lesezeit in localStorage aktualisiert werden soll. Auf diese Weise wird ein roter Punkt angezeigt, wenn der Inhalt aktualisiert wird , was darauf hinweist, dass der Inhalt nicht aktualisiert wurde. Da es jedoch keinen Anmeldestatus gibt, bestimmt nicht der Benutzer, ob der neueste Inhalt gelesen wurde, sondern der Client-Browser, der für schwache Bindungsszenarien geeignet ist.

Zusammenfassung

Dieser Artikel teilt die Lösung für das Problem des kleinen roten Punktes, wenn der Inhalt aktualisiert wird kann Ihnen helfen zu verstehen, wie das geht – der Implementierungsprozess der Red Dot-Eingabeaufforderung zur Inhaltsaktualisierung. Empfohlenes Tutorial: „

Mini-Programmentwicklung“

Das obige ist der detaillierte Inhalt vonWie implementiert man die Red Dot-Eingabeaufforderung für die Inhaltsaktualisierung des Miniprogramms?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!