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

  • Layui-Import- und Export-Excel-Methoden
    Layui-Import- und Export-Excel-Methoden
    Sie können das Plugin „layui.excel“ verwenden, um Excel aus „layui“ zu importieren. Dieses Plug-in importiert Excel auf Basis des FileReader von H5, exportiert Excel-Funktionen auf Basis von XLSX.js und lädt Funktionen auf Basis von FileSaver herunter.
    Layui-Tutorial 15787 2019-08-01 09:56:03
  • So zeigen Sie Bilder in der Laui-Tabelle an
    So zeigen Sie Bilder in der Laui-Tabelle an
    Um Bilder in der Laui-Tabelle anzuzeigen, fügen Sie nach der Ablage eine Vorlage hinzu und fügen Sie den Seitencode zum Anzeigen von Bildern in der Vorlage hinzu. Auf diese Weise kann das Bild in der Tabelle angezeigt werden, der Bildstil muss jedoch noch verfeinert werden.
    Layui-Tutorial 16233 2019-08-01 09:23:23
  • So zeigen Sie Bilder in der Liste in Laui an
    So zeigen Sie Bilder in der Liste in Laui an
    So zeigen Sie Bilder in der Laui-Liste an: Das Bild muss template.templet verwenden, den div-Stil verwenden, um das Bild in die Tabelle einzufügen, und dann seinen Stil über CSS festlegen.
    Layui-Tutorial 5381 2019-07-31 15:02:13
  • So verwenden Sie die Laui-Vorlagen-Engine
    So verwenden Sie die Laui-Vorlagen-Engine
    Schritte zur Verwendung der Laui-Vorlagen-Engine: 1. Schreiben Sie die Vorlage. Sie können ein Skript-Tag verwenden, um die Vorlage zu speichern. 2. Erstellen Sie eine Ansicht. Wird zur Darstellung von Rendering-Ergebnissen verwendet. 3. Vorlage rendern.
    Layui-Tutorial 5686 2019-07-31 10:46:52
  • So verwenden Sie Laui
    So verwenden Sie Laui
    Tutorial zur Layui-Nutzung: 1. Besorgen Sie sich das Entwicklungspaket über die offizielle Layui-Website. 2. Fügen Sie das JQuery-Framework in die Seite ein. 3. Kopieren Sie den heruntergeladenen Ebenenordner vollständig in das Projekt. 4. Führen Sie die Datei „layer.js“ im Ebenenverzeichnis ein. 5. Beginnen Sie die Reise mit der schichtelastischen Schicht.
    Layui-Tutorial 15958 2019-07-31 10:09:39
  • So verwenden Sie Laui, um ein Formular aufzurufen
    So verwenden Sie Laui, um ein Formular aufzurufen
    Verwenden Sie Laui, um ein Formular zu öffnen: Legen Sie zunächst das Popup-Ereignis „Klickseite“ fest und fordern Sie den Controller auf, die Formulardaten zu rendern, wenn auf das Popup-Fenster geklickt wird. Springen Sie gleichzeitig zur JSP-Seite, die das Formularformular enthält.
    Layui-Tutorial 5971 2019-07-31 08:59:58
  • So korrigieren Sie den Header der Laui-Tabelle
    So korrigieren Sie den Header der Laui-Tabelle
    Layui-Tabellenkopf behoben: Layui kann den Tabellenkopf über den CSS-Stil fixieren und kann auch das Problem der Tabellenüberschrift und der Fehlausrichtung des Tabelleninhalts über CSS beheben.
    Layui-Tutorial 14955 2019-07-31 08:59:49
  • Wie Laui die Inkonsistenz von Passwörtern feststellt
    Wie Laui die Inkonsistenz von Passwörtern feststellt
    Bei der Registrierung stellt Lauii fest, ob die zweimal eingegebenen Passwörter konsistent sind: Nach dem Absenden der Passwortdaten im Formular vergleicht Lauii die zweimal eingegebenen Passwörter durch Aufrufen des JS-Codes, um festzustellen, ob sie konsistent sind.
    Layui-Tutorial 7695 2019-07-31 08:59:38
  • Layui ermittelt, ob das Formular leer ist
    Layui ermittelt, ob das Formular leer ist
    Layui bestimmt, ob das Formular leer ist: Sie können das Ereignis onSubmit des Formulars verwenden, das unmittelbar vor dem Absenden des Formulars ausgelöst wird. Zu diesem Zeitpunkt können wir eine Rückruffunktion an dieses Ereignis übergeben und die Überprüfung in die Rückruffunktion schreiben ob es einen leeren Code gibt und den Code für die Erinnerung.
    Layui-Tutorial 6323 2019-07-31 08:59:28
  • So verbinden Sie Laui und Backend
    So verbinden Sie Laui und Backend
    Verbinden Sie Laui mit dem Backend: Laui verfügt über einen eigenen Satz spezifischer Datenformate für die Interaktion (dies ist sehr wichtig). Die erforderlichen Parameter sind Code: 0, msg: „“, count: Datengröße (int), Daten: „Datenliste“. ". Im Allgemeinen entscheiden wir uns dafür, die empfangende Klasse zu kapseln und zurückzugeben.
    Layui-Tutorial 14641 2019-07-30 14:20:44
  • So roden Sie den Laui-Baum
    So roden Sie den Laui-Baum
    So löschen Sie den Laui-Baum: Erstellen Sie zuerst einen Baumrahmen, fügen Sie dann Zweige basierend auf den vorherigen hinzu und fügen Sie schließlich eine Schaltfläche zum Löschen hinzu um den Baum zu roden.
    Layui-Tutorial 3975 2019-08-01 16:35:31
  • So füllen Sie den im Laui-Dropdown ausgewählten Wert auf
    So füllen Sie den im Laui-Dropdown ausgewählten Wert auf
    Rufen Sie zunächst den ausgewählten Wert über die Methode document.getElementsByName() ab. Füllen Sie die Daten mit einer spict()-Methode auf.
    Layui-Tutorial 3124 2019-07-29 17:01:30
  • Warum Laui gut ist
    Warum Laui gut ist
    Der Grund, warum Laui gut ist, liegt darin, dass es leicht ist, reich an Komponenten ist und mit allen derzeit von Menschen verwendeten Browsern kompatibel ist (außer IE6/7). Darüber hinaus wurde Laui automatisch erstellt, wodurch es besser für Produktionsumgebungen geeignet ist .
    Layui-Tutorial 2246 2019-08-01 16:29:07
  • So implementieren Sie Paging in Laui
    So implementieren Sie Paging in Laui
    Die Hauptbestandteile des Laui-Pagings sind Seite (aktuelle Seite, z. B. 1 Seite), Limit (aktuell angezeigte Daten, z. B. 10 Daten) und Anzahl (Gesamtzahl der Datenelemente in der aktuellen Tabelle). durch das Laui-Paging-Plugin Solange page Die drei Werte von , limit und count können durch Paging implementiert werden.
    Layui-Tutorial 7267 2019-07-29 11:06:13
  • So verwenden Sie das Laui-Popup-Fenster
    So verwenden Sie das Laui-Popup-Fenster
    Es gibt drei Arten von Laui-Popup-Fenstern: 1. Bestätigungsfenster; 2. Popup-Fenster vom Typ „Öffnen“; Wenn Sie es verwenden, müssen Sie nur das Layer-Objekt und den Typnamen inlayui.use() verwenden, z. B.layer.open(); Sie müssen später nur die entsprechenden Parameter eingeben.
    Layui-Tutorial 5391 2019-07-29 10:51:43

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