Heim > Artikel > Web-Frontend > Layer-Front-End-Komponentenbildanzeigefunktion
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.
, 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 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!