Heim  >  Artikel  >  Web-Frontend  >  Layer-Front-End-Komponentenbildanzeigefunktion

Layer-Front-End-Komponentenbildanzeigefunktion

php中世界最好的语言
php中世界最好的语言Original
2018-04-17 15:30:471480Durchsuche

Dieses Mal erkläre ich Ihnen, was die Vorsichtsmaßnahmen sind. Hier ist ein praktischer Fall, werfen wir einen Blick darauf.

Implementieren Sie die Anzeigefunktion Bild: Ebene

1. Hier ist eine Layer-Frontend-Komponente

Layer ist eine Web-Elastic-Layer-Komponente mit hervorragendem Ruf. Sie bietet umfassende Lösungen und ist darauf ausgerichtet, Entwicklern aller Ebenen ein umfassendes und benutzerfreundliches Betriebserlebnis zu bieten.

Offizielle Download-Adresse der Website: http://layer.layui.com/

Oder klicken Sie hier

, um es von dieser Website herunterzuladen .

Es gibt bestimmte Verwendungsmethoden

Beachten Sie hier einige Punkte: 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 nach jquery eingeführt werden, da „layer.js“ auf jquery.js basiert!

2.json

Json ist außerdem erforderlich, 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 zum Beispiel:

StringBuilder str = new StringBuilder();
Die Append-Methode ist wie oben verlinkt und muss korrekt sein

Die endgültige Rückgabe lautet wie folgt:

return str.toString();
Die konkrete Verwendung kann auch auf der offiziellen Website

http://layer.layui.com/

eingesehen werden. Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben Spannende Informationen, bitte achten Sie auf PHP-Chinesisch. Weitere verwandte Artikel online!

Empfohlene Lektüre:

JS-Timer zur Implementierung des Fortschrittsbalkens verwenden

Detaillierte Erläuterung der Verwendung von Vue-Router

Das obige ist der detaillierte Inhalt vonLayer-Front-End-Komponentenbildanzeigefunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn