So zeigen Sie Produktdetails in der App an

Ein Produkt verfügt über Produktdetails, die im Allgemeinen mithilfe eines Rich-Text-Editors im Hintergrund als HTML gespeichert werden.
Was ich fragen möchte ist, wie soll ich die Schnittstelle bereitstellen? Welche der folgenden Methoden ist besser?
1. Speichern Sie die Produktdetails im Hintergrund, verwenden Sie alle Bilder und speichern Sie sie als Bildarray. Geben Sie bei der Rückkehr zur Benutzeroberfläche ein Array aller Bilder zurück, sodass auf dem Auf der App-Seite kann ein Bild zeilenweise angezeigt werden.
2. Verwenden Sie einen Rich-Text-Editor, speichern Sie ihn und schreiben Sie dann eine adaptive H5-Seite, um diese HTML-Inhalte direkt anzuzeigen h5-Webseite, und die App-Seite lädt die Webseite direkt in den dafür vorgesehenen Bereich

Welche Methode ist geeignet?

Antwortinhalt:

Ein Produkt verfügt über Produktdetails, die im Allgemeinen mithilfe eines Rich-Text-Editors im Hintergrund als HTML gespeichert werden.
Was ich fragen möchte ist, wie soll ich die Schnittstelle bereitstellen? Welche der folgenden Methoden ist besser?
1. Speichern Sie die Produktdetails im Hintergrund, verwenden Sie alle Bilder und speichern Sie sie als Bildarray. Geben Sie bei der Rückkehr zur Benutzeroberfläche ein Array aller Bilder zurück, sodass auf dem Auf der App-Seite kann ein Bild zeilenweise angezeigt werden.
2. Verwenden Sie einen Rich-Text-Editor, speichern Sie ihn und schreiben Sie dann eine adaptive H5-Seite, um diese HTML-Inhalte direkt anzuzeigen h5-Webseite, und die App-Seite lädt die Webseite direkt in den dafür vorgesehenen Bereich

Welche Methode ist geeignet?

Die erste Methode, reine Bilder zu verwenden, hat viele Nachteile

1. Das Bild ist größer als der Text, die Bilder können nicht geladen werden und Sie können sie überhaupt nicht sehen, und das Erlebnis ist sehr schlecht

2. Bilder können bei der Skalierung mit unterschiedlichen Auflösungen verzerrt sein oder sogar deformiert sein, wenn sie nicht richtig verarbeitet werden

3. Auch die Bearbeitung ist sehr mühsam, man muss auf Qualität, Größe und Format des Bildes usw. achten.

4. Bilder können nicht unterteilt und interagiert werden, Sie können beispielsweise nicht einfach auf den Produktnamen klicken, um zu springen

Der zweite Typ von H5 ist im Allgemeinen eine vorübergehende Lösung, die in dringenden Situationen verwendet wird. Die Erfahrung ist ebenfalls sehr schlecht, und die Interaktion zwischen H5 und Native ist ebenfalls ein Problem. Und ich sehe, dass es in Ihrer Beschreibung nicht darum geht, H5-Seiten zu schreiben Bei mobilen Geräten ist der Effekt sogar noch schlimmer.

Die beiden von Ihnen genannten Methoden hängen von Ihren Anforderungen ab. Wenn die Produktdetailseite überhaupt keine Interaktion hat, sind reine Bilder besser als eine „adaptive H5-Seite“.

Am besten kombinieren Sie native und H5-Seiten für feste Steuerelemente auf der Detailseite. Die Backend-Schnittstelle stellt nur Steuerinhalte wie Produktnamen, Bild-URLs usw. bereit. Verwenden Sie H5-Seiten für Inhalte, die sich ändern mehr

Die erste praktische Grafiklösung

Bilder werden für Details und nur zur Anzeige verwendet. Wenn es andere Vorgänge gibt, verwenden Sie native Steuerelemente

Ich persönlich denke, dass die erste Methode besser ist.
Da es schwierig ist zu garantieren, dass sich der in der APP angezeigte Stil nicht ändert.
Bei der zweiten Vorgehensweise, wenn die APP überarbeitet und die Front-End-Anzeige neu angeordnet wird, wird es mühsam, mit den alten Daten umzugehen.

Verwenden Sie auf jeden Fall die erste Methode. Sie hat eine stärkere Plastizität

2. Verwenden Sie einen Rich-Text-Editor im Hintergrund, speichern Sie ihn und schreiben Sie dann eine adaptive H5-Seite, um diese HTML-Inhalte anzuzeigen. Die Rückgabeschnittstelle wird direkt an eine H5-Webseite übergeben, und die App-Seite lädt das Web direkt Seite zum angegebenen Bereich