Bild Referenzierung in CSS mit Wicket

Question

Pro eine große Antwort von einer anderen Frage Ich habe globale Ressourcen begonnen Montag (css / js / images) in der init() Methode meiner WebApplication. Unter Verwendung der folgenden:

mountSharedResource("/images/edit-btn.gif", new ResourceReference(GlobalResource.class, "edit-btn.gif").getSharedResourceKey());

Das ist natürlich erlaubt CSS in einem anderen Paket, so etwas zu tun:

background-image: url("/images/edit-btn.gif");

Das Problem, das ich laufen habe in ist, dass dies nur zur Laufzeit arbeitet, die montierte Pfad virtuell ist. Einer der großen Vorteile von Wicket (imo) waren die Merkmale (<wicket:remove>, xml gültige Tags, Kopf Links, Seite Vererbung), die eine Seite Designer mit Layout arbeiten erlaubt Lage zu sein, die Seite mit seinen Bildern, js, css, etc zu visualisieren ohne dass innerhalb des Wicket Motor laufen zu lassen.

Ich bin total acceptant der Tat gibt es nie eine klare Linie zwischen den Designer / Programmierer Rollen in Web-Anwendungen, aber es scheint seltsam für mich die Wicket-Designer dies verpasst. Gibt es eine Möglichkeit eines global verwendet Bild zu ermöglichen eigenständige sowie Arbeiten zur Laufzeit in Wicket zu machen?

Answer 1

Ich denke, der empfohlene Weg ist nehmen html von Ihrem Designer und schalten in in Wicket-Komponenten - was bedeutet, dass Sie es in mehrere Dateien aufgeteilt werden. diese Teildateien Rendering wird nicht ohne zusätzliche Anstrengungen arbeiten. Ich würde ein einfaches Skript, Werkzeug oder etwas in diese Richtung zu Setup empfehlen, die Ihre Webapp starten für Ihre Designer zu arbeiten. Auf diese Weise können sie die Fragmente ändern und sofort das aktualisierte Rendering sehen. Sie werden auf einer gemeinsamen Struktur zustimmen und ihnen sagen, wie die <wicket:remove> verwenden und Sie sollten in Ordnung sein.