Effiziente Entwicklung

Screenshot OpenCMS Eclipse EinbindungJSP oder CSS mit dem OpenCMS Editor zu bearbeiten ist nicht sehr bequem. Es gibt kein Syntax-Highlighting, keine Syntax-Prüfung oder Vorschläge. Abhilfe schafft die Einbindung in die IDE Eclipse. Hierzu gibt es ein Modul und eine hervorragende Beschreibung inklusive Video Tutorial.

Empfehlenswert ist die Nutzung der Eclipse zur Entwicklung auch deshalb, da der Wechsel zwischen dem System und Sites Bereich für das Ausführen des gerade geschriebenen Codes entfallen kann. Die Eclipse arbeitet im System Bereich, die OpenCMS Oberfläche kann im Sites Bereich verbleiben.

Der Abgleich zwischen dem neuen Code aus der Eclipse und OpenCMS wird übrigens manuell angestartet, dabei besteht auch die Option den Code direkt zu publizieren oder nur hochzuladen.

Hier geht's zur Beschreibung.

Alternativ - Die Schritte in kurzer Textform hier:

  1. Speichern des heruntergeladenen Moduls (info.rsdev.eclipse.opencms.module.developer_0.0.5.jar) im plugin-Verzeichnis von Eclipse. Auf meiner SuSE Linux Maschine hier: /usr/share/eclipse/plugins
  2. Eclipse starten (nötige Rechte beachten, ggf. prüfen, ob ein neues Project angelegt werden kann.)
  3. Menü: Window --> Preferences...
  4. Dort ist nun der Punkt "OpenCms Module Developer" zu finden und auszuwählen
  5. Der Pfad zum WEB-INF Verzeichnis des OpenCMS Webcontainers ist einzutragen, z.B. /srv/tomcat6/webapps/opencms/WEB-INF
  6. Als classpath jars sind mindestens die jsp-api.jar und die servlet-api.jar auszuwählen:
    • /usr/share/tomcat6/lib/jsp-api.jar
    • /usr/share/tomcat6/lib/servlet-api.jar
  7. OpenCms servlet mapping: opencms/*
  8. OpenCms context path name: opencms
  9. login with username: Admin
  10. login with password: xxxxxxxxx
  11. Angaben mit OK bestätigen.
  12. OpenCMS sollte gestartet sein (prüfen)
  13. Mit der Workbench starten
  14. Menü: File --> New --> Project...
  15. Unter "Wizards" wird bei der Eingabe von opencms das neue Modul zur Auswahl angeboten (oder unter Other entsprechend auswählen)
  16. Mit Next... bestätigen
  17. Der Bildschirm "Module definition" wird angeboten, dort kann ein existierendes Modul importiert werden, Fetch nimmt alle bestehenden Module auf. Ich arbeite an dem Modul "org.opencms.frontend.templateone", welches ich daher auswähle.
  18. Finish
  19. Im Projekt Explorer (links) sollte nun der Eintrag "org.opencms.frontend.templateone" erscheinen, worunter sich die einzelnen Verzeichnisse und Dateien befinden. Hier kann z.B. ein zu bearbeitendes Template, eine CSS Datei oder XML ausgewählt und bearbeitet werden.
  20. Im Kontextmenü des Eintrags "org.opencms.frontend.templateone" stehen folgende Möglichkeiten für die Kommunikation mit OpenCMS (Communicate with OpenCms server) zur Verfügung:
    • Copy to OpenCms server
    • Copy to OpenCms server and Publish
    • Get from OpenCms server