Revision as of 17:09, 24 August 2011

About this tutorial

OpenCms 8 introduces a lot of great new concepts and functionality that content managers certainly don’t want to miss. While OpenCms 8 is fully backward compatible, to make full use of these new features, existing OpenCms sites need to be adapted for the new technology.

This tutorial shows how to gradually upgrade an existing OpenCms installation to OpenCms 8. It explains how to use existing OpenCms 7 Templates in an OpenCms 8 installation. How to use templates of the old and the new technology together is presented, too. Strategies for a migration of existing templates and content so that they can make full use of the OpenCms 8 features get also shown.

This tutorial also explains the benefits of upgrading to OpenCms 8 even when staying with the old templates, as OpenCms 8 provides a much improved publishing dialog, support for mobile devices, extended content subscription, support for xsd:choice in the XML content editor , HTML 5 based multiple file upload and improved content galleries . All these features are usable without changing the templates or content structure of an existing OpenCms installation.

Migrating from OpenCms 7.x to OpenCms 8

Two possible ways to migrate 1.Exporting modules and content from OpenCms 7.x and import it into a new, fresh OpenCms 8 2.Use the OpenCms Update-Wizard on your existing installation

Export and Import in OpenCms

Manual export and import of modules and content will result in a clean system

• Only the required modules and content need to be exported
• Uses Module & Database management in OpenCms
• BUT: Historic versions of resources will be lost!
• Step 1:
  • Export all required modules from OpenCms 7.x
  • Always export your modules from the root site!
  • Result: One .zip file for each module

• Step 2:
  • Export the content from OpenCms 7.x
  • Always export your content from the root site!
  • Export content& accounts
  • Multiple exports on large OpenCms installations(per site/folder)
  • Result: One or more content export .zip files

• Step 3:
  • Import all required modules in OpenCms 8
  • Always import your modules in the root site!
  • Module imports are published automatically
  • Do not forget libs!(if you have some)

• Step 4:
  • Import all content exports in OpenCms 8.0
  • Always import your content in the root site!
  • Large imports should be done via the server directly, very large imports should be unpacked on server
  • Content must be published after import
  • Restart Servlet-Container
  • Done !

Using the Update-Wizard

The Update Wizard automatically updates an existing OpenCms 7.x installation to OpenCms 8:

• Modification of the Database Structure
• Modification/Enhancement of the OpenCms configuration files
• Replacement of all Java libraries (where required)
• Update of all OpenCms core modules
• Existing content is untouched
• Historic versions remain
• Delete previous Update-Wizards!
• Deploy the Wizard
• Enable Wizard in opencms.properties:

[…]
wizard.enabled=true
[…]

• Start the Wizard with http://[ServerName]/[WebappName]/update

Required modifications

Modifications that might be required:

• If you use <cms> Taglib and JSTL for your JSPs, no further modifications are required!
• It is possible that you have to modify your JavaBeans or scriplet code due to Core API changes
• BUT: Those changes are only minimal
  • Updating from OpenCms 6 to OpenCms 7 was much more complicated because of more API changes

Benefits of using OpenCms 8 with your OpenCms 7.x webapp

The existing OpenCms 7.x webapp will run in OpenCms 8 as before, and uses the new features in your templates without any changes :

• OpenCms 8 Direct Edit / Availability
• OpenCms 8 Publishing
• New Upload Dialog
• New Galleries
• Shared Site

You will benefit of all Core-Bugfixes and enhancements since OpenCms 7.x

The existing OpenCms 7.x webapp does not use:

• OpenCms 8 Drag & Drop
• OpenCms 8 Configuration
• OpenCms 8 Sitemap

It is required to modify your XSD, templates and elements. It also requires additional configuration files in the OpenCms VFS.

The existing OpenCms 7.x webapp can use the none ADE-enhancements:

• Content Subscription Engine
• Device-Tag for device-depending templates
• XSD-Choice function

This requires changes to your templates and elements.

Available OpenCms 8 features without any modifications

OpenCms 8 feature that require modifications

Usage of OpenCms 7.x elements in OpenCms 8

In OpenCms 7.x the following components were involved in displaying your (structured) content:

• XSD: Defines the structure of your content
• XML-content files: contain the content
• Detail-JSP: JSP to render your content

In OpenCms 8 this has changed:

• XSD: Defines the structure of your content and the formatter
• XML-content files: contain the content
• Formatter(s): JSPs to render your content

What must be done to transform your OpenCms 7.x contents and JSPs into drag&dropable elements in OpenCms 8?

The good answer:

• Only 3 easy steps are required!
• For „normal“ contents it only takes a few minutes to do the modifications

Step 1: XSD: Add additional annotation nodes:

• <formatters>: Add one or more formatters to display the content (mandatory)
• Optional, often used additions:
  • <settings>: Settings that can be accessed in the formatters and whose values are defined via the ADE
  • <headincludes>: Includes of .js and .css files that must be included in the HTML-Head, like custom styles, needed Jquery imports, etc.

Changes in XSD (<xsd:appinfo> node):

[…]

<formatters>
 <formatter minwidth="400" uri=path_to_formatter.jsp" />
 <formatter minwidth="200" uri=„path_to_other:formatter.jsp" />
</formatters>

<settings>
 <setting name="boxschema" nice-name="Box Schema" type="string" widget="select" widget-config="box_schema1:Schema 1|box_schema2:Schema 2|box_schema3:Schema 3" />
</settings>

<headincludes>
 <headinclude type="javascript" uri=„path_to_js.js" />
 <headinclude type=„css" uri=„path_to_css.css" />
</headincludes>

[…]

Step2: Detail JSP is modified into a formatter:

• Replacement of <cms:contentload> with <cms:formatter>
  • In most cases a simple replacement of the two tags
• Optional: Create different formatters for different containers (left, middle, center,…)
• Configurable OpenCms 7.x structured content can be transformed in multiple formatters:

Transformation Detail-JSP -> Formatter

[…]
<cms:includeproperty="template" element="head" />
<cms:contentloadcollector="singleFile" param="%(opencms.uri)" editable="true">
<cms:contentaccessvar="content" scope="page" />
[…]
${content.value.Title}
[…]
</cms:contentload>
<cms:includeproperty="template" element="foot" />

[…]
<!–-notemplate-include-->
<cms:formattervar="content" val="value">
<!–noinitofcontentaccess-->
[…]
${content.value.Title}
[…]
</cms:formatter>
<!–-notemplate-include-->

Detail-JSPs and formatter

• If you want to use your content „oldstyle“ and with OpenCms 8 templates simultaniously:
  • Make a copy of your old detail pages and modify it as a formatter
  • „Old style“ will use„template-elements“ property and the old detail page
  • OpenCms 8 -Template will use formatter information from XSD and new formatter jsp
• Additional fine tuning(divs, styles etc.) might be required in your new formatters

Transformation of “old style” elements into OpenCms 8 usable elements

How to display xmlcontents as OpenCms 8 elements

Parallel usage of elements in OpenCms 7 and OpenCms 8 templates

Usage of old content list as OpenCms 8 elements

Download this tutorial

• Upgrading from OpenCms 7.x to OpenCms 8