Die Layer-Frontend-Komponente in Laui implementiert die Bildanzeigefunktion

In diesem Artikel wird hauptsächlich die Methode zur Realisierung der Bildanzeigefunktion der Layer-Front-End-Komponente in Laui vorgestellt. Er analysiert die Operationsmethode und die damit verbundenen Vorsichtsmaßnahmen der Layer-Komponente in Laui zum Aufrufen der Bildanzeigefunktion in Form von Beispielen Es bietet auch Layer- und Laui-Quellcode-Downloads, die Freunde können darauf verweisen, ich hoffe, es kann jedem helfen.

Das Beispiel in diesem Artikel beschreibt, wie die Layer-Frontend-Komponente die Bildanzeigefunktion implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Um die Bildanzeigefunktion zu implementieren: Ebene

1 Hier stellen wir eine Ebenen-Frontend-Komponente vor

Layer ist eine hochgelobte Web-Elastik-Layer-Komponente, die über ein umfassendes Lösungsspektrum verfügt.
ist bestrebt, Entwicklern aller Ebenen zu dienen. Ihre Seite bietet problemlos ein reichhaltiges und benutzerfreundliches Betriebserlebnis.

Hier sind einige Punkte zu beachten: Bevor wir die Layer-Frontend-Komponente verwenden, müssen wir die js-Datei des Layers einführen.

<script type="text/javascript" src=".../.../layer/layer/layer.js"></script>
<script type="text/javascript" src=".../...//layer/layer/extend/layer.ext.js"></script>

Hinweis: Die Datei „layer.js“ sollte danach eingeführt werden jquery, weil layer.js Es basiert auf jquery.js!

2.json

Json wird auch benötigt, um die Bildanzeigefunktion zu implementieren:

Die spezifische Verwendung ist wie folgt:

{ //您服务端接口需严格按照下述格式返回
    "status": 1,  //请求的状态，1表示成功，其它表示失败
    "msg": "", //状态提示语
    "title": "",  //相册标题
    "id": number型,  //相册id
    "start": 0, //初始显示的图片序号，默认0
    "data": [  //相册包含的图片，数组格式
      {
        "name": "", //图片名
        "pid": number型, //图片id
        "src": "", //原图地址
        "thumb": "", //缩略图地址
        "area": [638, 851] //原图宽高
      }
    ]
}

Verwenden Sie solche als:

StringBuilder str = new StringBuilder();

ist wie oben verlinkt und muss korrekt sein

Das endgültige zurückgegebene Ergebnis lautet wie folgt:

return str.toString();

Verwandte Empfehlungen:

Ein Blick auf die Front-End-Komponentisierung von Vue & React aus DOM-Operationen,

Layui-Tabellenkomponenteninitialisierung, Ladedaten und andere Beispiele werden in erläutert Detail

jQuery gekapseltes Paging Detaillierte Erläuterung der Komponenten

Das obige ist der detaillierte Inhalt vonDie Layer-Frontend-Komponente in Laui implementiert die Bildanzeigefunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!