aktueller Standort:Heim > Technische Artikel > Web-Frontend > Layui-Tutorial

  • Was sind die Hauptfunktionen von Laui?
    Was sind die Hauptfunktionen von Laui?
    1. Paging-Funktion: Das Layui-Framework wird für das Paging verwendet. Tatsächlich ist das Layui-Paging sehr einfach. Sie müssen nur eine Gesamtzahl von Seiten übergeben, um diese Funktion gut nutzen zu können. Übergeben wird die Anzahl der Seiten, nicht die Anzahl der Datenbankabfragen. ||. 2. Laui-Zeit- und Tagesfunktion. ||. 3. Popup-Box-Funktion: Verwenden Sie die Methode „layer.open“.
    Layui-Tutorial 3954 2019-07-11 13:11:28
  • So setzen Sie das Kontrollkästchen in Laui
    So setzen Sie das Kontrollkästchen in Laui
    Der erste Schritt besteht darin, die JS-Skriptdatei und die CSS-Stildatei von Laui einzuführen. ||Der zweite Schritt besteht darin, das Kontrollkästchen zu schreiben, einen Titelwert hinzuzufügen und das Steuerelement im Laui-Form-Stil in das Formular einzufügen. ||Der dritte Schritt besteht darin, die Formularkomponente einzuführen und dann die Render-Methode aufzurufen.
    Layui-Tutorial 6217 2019-07-11 11:56:20
  • So löschen Sie die Laui-Tabelle
    So löschen Sie die Laui-Tabelle
    Der erste Schritt besteht darin, das Checkbox-Ereignis abzuhören und den Code einzugeben. ||Der zweite Schritt besteht darin, den Inhalt der ausgewählten Zeile in der Tabelle und den zum Löschen erforderlichen eindeutigen Wert abzurufen, normalerweise die ID. ||Der dritte Schritt besteht darin, die zu löschenden Elemente zum Array hinzuzufügen. ||Der vierte Schritt besteht darin, festzustellen, ob es ausgewählt ist, und eine Ajax-Anfrage mit der Parameter-ID zu senden.
    Layui-Tutorial 11865 2019-07-11 11:13:36
  • Was ist der Unterschied zwischen Laui und Easyui?
    Was ist der Unterschied zwischen Laui und Easyui?
    Der Unterschied: Laui ist Open Source, die Community ist relativ aktiv und Probleme können relativ schnell gelöst werden, während Easyui nicht Open Source ist. Easyui wurde früher geboren, daher sind seine Funktionen relativ vollständig, und Layui hat relativ wenige Funktionen, aber alle Funktionen sind sorgfältig ausgearbeitet. Laui entspricht eher der aktuellen Ästhetik.
    Layui-Tutorial 15420 2019-07-11 10:54:09
  • So zeigen Sie Daten auf der Popup-Ebene in Laui an
    So zeigen Sie Daten auf der Popup-Ebene in Laui an
    Wenn ein Problem mit dem Gültigkeitsbereich der Variablen vorliegt. Die obigen RSs können nicht an die Methode func11() übergeben werden, daher stimmt etwas mit den übergebenen Parametern nicht. Sie können der Funktion func11() einen Parameter und dem Klickereignis den Parameter id hinzufügen.
    Layui-Tutorial 5040 2019-07-11 10:38:30
  • So setzen Sie das Kontrollkästchen in Laui
    So setzen Sie das Kontrollkästchen in Laui
    Methode 1: Setzen Sie LAY_CHECKED im zurückgegebenen JSON auf true, und das Kontrollkästchen auf der Seite wird aktiviert. Methode 2: Wenn die zurückgegebenen Daten kein LAY_CHECKED enthalten, können Sie die js ändern.
    Layui-Tutorial 13454 2019-07-11 10:27:34
  • So erhalten Sie den Dateinamen in der Datei-Upload-Funktion von Laui
    So erhalten Sie den Dateinamen in der Datei-Upload-Funktion von Laui
    Öffnen Sie zunächst die Software auf unserem Computer, erstellen Sie eine neue HTML-Seite und fügen Sie die CSS-, JS-Dateien und jquery.js-Dateien des Laui-Plug-Ins hinzu. Fügen Sie dann zuerstlayui.css,layui.js, jquery-1.9.0 usw.in die neu erstellte Datei index1.html ein.
    Layui-Tutorial 11254 2019-07-11 10:17:09
  • So verwenden Sie Lauis Paging
    So verwenden Sie Lauis Paging
    Der erste Schritt besteht darin, die Skriptdateien und Stildateien einzuführen, die Lay entsprechen. ||Der zweite Schritt besteht darin, ein leeres Div in HTML zu erstellen, um eine Paging-Komponente zu generieren und eine ID für dieses Div bereitzustellen. ||Der dritte Schritt besteht darin, im js-Skriptcode ein Laypage-Paging-Komponenteninstanzobjekt zu generieren. ||Der vierte Schritt besteht darin, die Render-Methode zum Rendern aufzurufen.
    Layui-Tutorial 7782 2019-07-11 09:45:16

Werkzeugempfehlungen

Kontaktcode für das jQuery-Enterprise-Nachrichtenformular

Der Kontaktcode für das jQuery-Unternehmensnachrichtenformular ist ein einfacher und praktischer Unternehmensnachrichtenformular- und Kontaktcode für die Einführungsseite.

Wiedergabeeffekte für HTML5-MP3-Spieluhren

Der Spezialeffekt „HTML5 MP3-Musikbox-Wiedergabe“ ist ein MP3-Musikplayer, der auf HTML5+CSS3 basiert, um niedliche Musikbox-Emoticons zu erstellen und auf die Schaltfläche „Umschalten“ zu klicken.

HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte

Der Spezialeffekt „HTML5 Cool Particle Animation“ für das Navigationsmenü ist ein Spezialeffekt, der seine Farbe ändert, wenn die Maus über das Navigationsmenü bewegt wird.
Menünavigation
2024-02-29

Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare

Der Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare ist eine visuelle Form, die auf jQuery und dem Bootstrap-Framework basiert.

Webvorlage für Bio-Obst- und Gemüselieferanten Bootstrap5

Eine Webvorlage für Bio-Obst- und Gemüselieferanten – Bootstrap5
Bootstrap-Vorlage
2023-02-03

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus
Backend-Vorlage
2023-02-02

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5
Bootstrap-Vorlage
2023-02-02

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4
Bootstrap-Vorlage
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG material
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
Banner image
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-02-27

Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen

Die Website-Vorlage für Reinigungs- und Wartungsdienste für Heimdekoration ist ein Website-Vorlagen-Download, der sich für Werbewebsites eignet, die Heimdekorations-, Reinigungs-, Wartungs- und andere Dienstleistungsorganisationen anbieten. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-05-09

Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben

Die Vorlage „Fresh Color Matching“ für die Lebenslauf-Leitfadenseite für persönliche Bewerbungen ist eine persönliche Webvorlage zum Herunterladen von Lebensläufen für die Jobsuche, die für einen frischen Farbabstimmungsstil geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-29

Web-Vorlage für kreativen Job-Lebenslauf für Designer

Die Webvorlage „Designer Creative Job Resume“ ist eine herunterladbare Webvorlage für die Anzeige persönlicher Lebensläufe, die für verschiedene Designerpositionen geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28

Website-Vorlage eines modernen Ingenieurbauunternehmens

Die Website-Vorlage für moderne Ingenieur- und Bauunternehmen ist eine herunterladbare Website-Vorlage, die sich zur Förderung der Ingenieur- und Baudienstleistungsbranche eignet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28