Praktisches Tutorial zum Wasserbestellzentrum 08 – Karussellbild

Wir haben die Anzeige- und Suchfunktionen für Geschäftsinformationen auf der Startseite entwickelt und müssen dann Karussellbilder anzeigen. Das Karussellbild muss in der Datenquelle gespeichert werden. Wenn Sie auf das Bild klicken, müssen Sie auf den Artikel des offiziellen Kontos zugreifen.

1 Erstellen Sie eine Datenquelle

Erstellen Sie zunächst eine Datenquelle zum Speichern des Karusselldiagramms, öffnen Sie die Konsole, klicken Sie auf das Datenmodell und dann auf das +-Zeichen, um eine neue zu erstellen.
Fügen Sie hier eine Bildbeschreibung ein
Geben Sie den Namen der Daten ein Quelle für das Karusselldiagramm
Fügen Sie hier eine Bildbeschreibung ein
Klicken Sie auf Bearbeiten und fügen Sie Felder hinzu.
Fügen Sie hier eine Bildbeschreibung ein
Fügen Sie das erste Feldbild hinzu, wählen Sie den Typ Bild aus.
Fügen Sie hier eine Bildbeschreibung ein
Fügen Sie das zweite hinzu Feld, Link zum offiziellen Kontoartikel, Typ URL auswählen
Fügen Sie hier eine Bildbeschreibung ein
Fügen Sie ein drittes Feld hinzu, ob es aktiviert werden soll, wählen Sie Boolean als Typ
Fügen Sie hier eine Bildbeschreibung ein

2 Karussellbehälter

Fügen Sie der Seite einen Karussell-Container hinzu
Fügen Sie hier eine Bildbeschreibung ein
Klicken Sie dann auf das +-Zeichen im Codebereich, um eine Variable zu erstellen
Fügen Sie hier eine Bildbeschreibung ein
Wählen Sie „Neue Datentabellenabfrage“ ausVerbinden Sie dann die Adresse mit dem Bild Fragen Sie ab, ob die Bedingungseinstellung aktiviert und gleich „true“ ist.
Fügen Sie hier eine Bildbeschreibung ein
Wählen Sie das Karussellbild in der Datentabelle aus.
Fügen Sie hier eine Bildbeschreibung ein

Fügen Sie hier eine Bildbeschreibung ein

Fügen Sie hier eine Bildbeschreibung ein

$w.swaperlist.data.records[0].tp

Binden Sie das zweite und dritte Bild wie oben fest

3 Artikeldetailseite erstellen

Wenn wir auf das Bild klicken, müssen wir den offiziellen Kontoartikel öffnen. Wir müssen eine neue Seite erstellen, auf das neue Symbol auf der Seite klicken
Fügen Sie hier eine Bildbeschreibung ein
und es in das einfügen Verschachtelte Webseitenkomponente
Fügen Sie hier eine Bildbeschreibung ein
Wählen Sie die Seitenkomponente aus und erstellen Sie einen neuen URL-Parameter
Fügen Sie hier eine Bildbeschreibung ein
Geben Sie den Parameternamen URL ein
Fügen Sie hier eine Bildbeschreibung ein
Dann verschachteln und binden der URL-Parameter zur Webseite
Fügen Sie hier eine Bildbeschreibung ein
zum Bild Die Komponente ist an das Klickereignis gebunden, wählen Sie die geöffnete Seite aus, wählen Sie die Artikeldetailseite
Fügen Sie hier eine Bildbeschreibung ein
Die URL ist gebunden an das gzhwzlj unserer Swapperliste
Fügen Sie hier eine Bildbeschreibung ein

$w.swaperlist.data.records[0].gzhwzlj

4 Berechtigungen festlegen

Die Standardeinstellung für die Datenquelle erlaubt nur der Person das Lesen und Schreiben. Für öffentlich zugängliche Daten haben wir sie so geändert, dass sie für alle verfügbar sind.
Fügen Sie hier eine Bildbeschreibung ein

Zusammenfassen

In diesem Artikel haben wir die Verwendung der Karussellkomponente vorgestellt. Die Konfiguration der Karussellkomponente ist relativ einfach. Die Hauptsache besteht darin, die verschachtelte Webseitenkomponente aufzurufen, um den offiziellen Kontoartikel anzuzeigen, wenn Sie auf das Bild klicken, um zu springen das Problem der Seitenparameterübertragung.

Supongo que te gusta

Origin blog.csdn.net/u012877217/article/details/134247746
Recomendado
Clasificación