| « | August 2025 | » | | 日 | 一 | 二 | 三 | 四 | 五 | 六 | | | | | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | | | | | | | |
|
公告 |
| 本博客在此声明所有文章均为转摘，只做资料收集使用。并无其他商业用途。 |
| Blog信息 |
|
blog名称:
日志总数:210
评论数量:205
留言数量:-19
访问次数:919494
建立时间:2007年5月10日 |
| |
|
 [openCMS]管理和定制OpenCms 6 - 第3章 OpenCms 工作区(3)
文章收藏, 网上资源, 软件技术, 电脑与网络
李小白 发表于 2007/11/29 17:08:48 |
|
什么是模板？ 当您在OpenCms 中创建一个新页面时，您只需要创建基本的文字。标题，页脚，导航（以及格式化信息）都分别存储在模板文件中。 OpenCms 通过“应用”模板到您的页面上并创建一个完全格式化的文档来自动创建完整的文档。
Copy body from（拷贝主体自）下拉列表允许我们从预定义的格式（HTML代码片段）中选择基本的页面布局。 虽然您可以创建您自己的（综合复杂的）HTML代码段，默认的格式提供了许多普通的布局。现在，我们将使用默认的 1 栏, 1 排布局。
在表单的底部是一个名为Edit properties of the new file （编辑新文件的属性）的选择项。如果您保持选中，那么点击Continue 将把您带到属性编辑器。 通常，您都需要保持选中，因为有少量的属性，如标题，描述，总是需要进行设置。
设置页面属性
在此页面上有16个区域：
• Title: 该区域用于一个用户友好的标题（与最后一个表单中的指定文件名的Name区域不同）。页面模板将自动把此标题放到文档的顶部。
• Description: 此区域被用来提供一个易于阅读的页面内容的摘要。
• Add to navigation: 此区域与文件夹的属性的工作方式相同。 (我们不需要包含index.html文件到导航中，因为我们已将文件夹包含进导航中了，并且这两个URL读取的是相同的内容，因此我们不用选中此选择项)
• Show in Head Navigation: 如果选中此选择项，那么页面的标题将显示在主网站的导航中，就和在常规的上下文相关导航一样。
• Show Head Image: 此项决定了当文档被显示时，在页眉区显示哪个图片。这里有三个可供选择的单选按钮： Default（默认）, Individual（单个）, 和 Disable（禁用）。 Default 使用在配置template one时定义的图片。 Individual 允许您设置一个用于此页面的特定的图片。 选择Disable 将导致不在文档中显示图片。
• Image Uri and Image Link: 此项仅当在Show Head Image 被设置为Individual 时才可用。 在此情况下，您可选择显示哪个图片(Image Uri)并提供一个当最终用户点击图片时将载入的链接(Image Link)。
• Show Head Navigation and Show Navigation Tree: 这两个项拥有相同的单选按钮， Default（默认）, Enable（启用）, Disable（禁用）。它们决定了是否显示主导航（Show Head Navigation) 和上下文相关的导航树 (Show Navigation Tree)。 如果设置为 Default，那么将使用用于网站（或microsite）的Template one 设置。
• Element Left and Element Right: 这两项被用来在页面的左边和右边添加作为内容的其它文件。
Center Layout and Right Layout: 这两项可被用来在页面的中央和右手边添加动态生成的列表。 结构化内容类型 (例如，事件和新闻) 被用来生成列表。 例如，如果您有许多事件项（内置的Structured Content subtypes（结构化内容子类型） 之一），那么您可通过从Right Layout下拉列表中选择List of five latest events（列出5个最新项）以在右手边栏中显示最新的5个事件。
• Configuration path for templates: 该项决定了应该为页面使用哪一个Template one 配置。 如果是空白（默认），OpenCms 将搜索父文件夹，然后是更上一级的文件夹，并以此类推，直到找到一个配置或到达site文件夹(在此情况下使用网站配置)。
一旦您设置了希望的属性，点击Finish 以保存属性并返回到explorer（资源管理器）视图。
编辑一个文件
您现在应该返回到playground 文件夹的explorer视图。 您会在目录下看到一个文件—index.html。 explorer 视图看起来如下所示：
500)this.width=500'>
第一个图标用来指出文件的类型是什么(页面—使用了模板的HTML文档)。锁图标表明文件是锁定的—如果是打开的锁，那么您是拥有该文件，如果是关闭的，其它用户拥有该文件。 那个小红旗表明此资源还未被发布。 这表示此文件在Online项目中还不在在，来宾还不能看到（或链接到）该文档。
如果您点击文件的名称(index.html), OpenCms 将弹出一个预览窗口，并在该窗口中载入index.html文件的内容。此例子中，我们还未为此文件创建内容，因此预览窗口只显示了页眉，页脚，和导航。
要从explorer视图编辑文件，左键点击页面图标并从弹出菜单中选择Edit page。 这将在三个所见即所得（WYSIWYG）编辑器中的一个编辑器中打开文件以进行编辑。
WYSIWYG 编辑器
OpenCms 6支持三个WYSIWYG 编辑器。默认的编辑器（OpenCms 6.2版中，虽然在OpenCms6.2版中仍是一个模块）是FCKEditor。 其它两个是Microsoft DHTML 编辑器和 HTMLArea编辑器。
微软DHTML编辑器
在OpenCms 的早期版本中， Microsoft DHTML 编辑器 (是一个ActiveX控件)在OpenCms中是可用的，虽然它只工作在IE上。 在更早版本的OpenCms中，该编辑器是默认的编辑器。 现在则不是此情况了。
500)this.width=500'>
此编辑器与FCKEditor编辑器的特性不一样，并且可能不会被包含进新版本的OpenCms 中。
FCKEditor （FCKEditor编辑器）
FCKEditor 编辑器是新的默认的编辑器，并且可在IE和基于Mozilla的浏览器（包括Netscape 7 , Firefox 和Mozilla Suite)的浏览器中运行。它是一个标准的开放源代码编辑器。FCKEditor 编辑器已被特别定制为能与OpenCms协同工作，并且OpenCms 开发人员推荐使用此编辑器。
500)this.width=500'>
FCKEditor是一个开源的在线的，以JavaScript,HTML和CSS实现的HTML编辑器。可免费获得，可定制，并且能很容易地集成到现有的web应用中。 如果您对在其它web应用中集成该编辑器感兴趣的话，您可从www.fckeditor.net上下载它。
The HTMLArea Editor（HTMLArea 编辑器）
第三个选项是HTMLArea 器。 该编辑器的特性与FCKEditor编辑器类似，并且也是在基于 Mozilla的浏览器中运行。 HTMLArea编辑器包括向后兼容，但是在以后的OpenCms版本中可能会被移除。
HTMLArea 是一个开源的，以JavaScript ， HTML 和CSS实现的在线文本编辑器。您可免费获得、并且可定制，以及容易地集成到web应用中去。 如果您对在其它web应用中集成该编辑器感兴趣的话，您可从www.dynarch.com上下载独立版本。
这两个编辑器提供了相同的功能，并且OpenCms 开发人员两个几乎差不多的用户界面，这两个编辑器的界面与标准的字处理程序或HTML编辑工具非常类似：
500)this.width=500'>
许多的按钮都无需进行说明，但是我将在这里解释一下比较少见的按钮。
500)this.width=500'>
第一个Element下拉列表允许您选择您希望编辑哪种语言的内容。默认仅安装了英文和德语，虽然有许多其它语言可添加。 (参阅第4章.)
您可使用每种语言来编写内容。即，您未为每个页面选择语言（与OpenCms5.0一致），却可在一个页面上编写多种语言的内容。选择 English 并输入一些英语的内容，然后保存。选择German并输入一些德语内容，再保存。 现在，您在一个页面上有两种可用的语言。 基于浏览器的语言设置，不管最终用户喜欢哪种语言都可看到内容。
第二个下拉列表和带有四个蓝色和黑色正方形的按钮都与文本主体有关。就象一个文档可在一个页面上包含多语言一样，它也能在一个页面上包含多个主体。
(事实上，它能包含多个主体部分到多个语言中)（原文：In fact, it can contain multiple body parts in multiple languages.)
例如，如果您希望在一个页面上有两个文字区，一个在右侧边，一个在左边，点击带有四个正方形的图标（根据按钮的提示，这是元素按钮）。除了已选中的Text Z1 S1选择项之外，再选中Text Z1 S2选择项。 这将添加第二个专栏。如果您想要两行而不是两栏，那么选择Text Z2 S1 选择项。
Z 表示行号，S表示栏号。我推测这是使用德语的术语来表示行和栏：die Zeile 和 die Spalte。或许这只是巧合吧。
下一个按钮，Properties, 提供了一个前往我们之前讨论的属性屏幕的方法。
顶行中最后一个按钮是 Clean Up HTML，当您从外部的HTML生成器上粘贴HTML时，一些HTML使用了非标准的或过时的HTML代码，此按钮就非常有用了。 这些生成器包含了不需要的HTML标签和CSS(Cascading Style Sheets)信息。 您可以通过高亮想要拷贝的文本并点击此按钮来清理HTML。
另一套特别有用的按钮是5个图库图标，这几个图标为表示不同的对象的小文件夹图标：
500)this.width=500'>
从左到右，这几个图标执行下面的操作：
1. 第一个图标可进入Tables gallery，您可在这里浏览存储在OpenCms中的表格格式。 当您定位到您喜欢的地方时，您可通过点击按钮以将它插入到文档中。
2. 第二个图标可进入HTML gallery，您可在这里找到存储在OpenCms中的HTML片段。
3. 第三个图标可进入External Links gallery，该图库链接到Image galleries。 您可浏览OpenCms中的所有图片以找到您需要的图片。
5. 第二个按钮可进入Downloads gallery。您可浏览此图库中可下载的包（如PDF文件或执行程序）。当您选择一个下载文件时，将在您的页面上放置一个到该文件的链接。
最后，还有一些用于处理，保存和关闭文档用的按钮：
500)this.width=500'>
这几个按钮中的第一个按钮，一个弯曲的红颜色箭头和一个弯曲的黄色箭头图标，是直接发布按钮。 点击此按钮将按次序执行三件事。首先，保存文档；然后，退出编辑器；最后，发布页面。 通常，这并不是最好的方式。您通常希望保存文档，然后在发布到Online网站（允许最终用户访问文档）之前预览文档以确定是否正确。
您可通过点击预览图标（位于编辑器的右手边的放大镜图标）以直接从编辑器中预览您的页面。
第二个图标—软盘上有个黑色的X的图标—是Save and Exit（保存并退出）按钮。
Editor（编辑器）下拉列表允许您在编辑器之间进行切换。
第三个图标 – 黄色软盘图标 – 是Save按钮。周期性地进行保存是一个很好的主意。
最后，最右边的一个黑色的 X 图标是 Exit 按钮。点击该按钮将不保存并退出（虽然会询问您是否希望在结束工作之前退出）。
软盘上带有黑色X的图标(500)this.width=500'>) 通常会使新手混淆，新手通常会认为它是'不保存'。事实上，这是“保存并退出”按钮。 最右边那个简单的黑色X 图标“退出而不保存”按钮。
Starting the Editor from a Page （从一个页面启动编辑器）
最后一节中，我们通过explorer （资源管理器）视图前往我们需要编辑的文件。 不过您也可在查看您希望编辑的页面时启动编辑器。例如， playground/index.html 页面现在已有一些非常基本的内容了。
该页面上有两个区域，或元素，一个在 Z1 S1, 另一个在 Z2 S1。您可能注意到每个元素显示了在一个灰色框中有一个OpenCms target 图标。
500)this.width=500'>
该图标仅在您登录为工作区用户时才显示。这是什么呢？这就是Direct Edit （直接编辑）按钮。 点击此按钮将在编辑器中打开元素，您可在编辑器中编辑并保存HTML。
500)this.width=500'>
Direct Edit 按钮可节省时间，因为它使得编辑和预览文档的过程变得非常快捷。
下一节中，我们将讨论其它编辑器sourcecode（源代码）编辑器。
The Sourcecode Editor （Sourcecode 编辑器）
Sourcecode 编辑器通常被用于文本文件和JSP页面，但是您也可用于页面文件（虽然您需要手工编写HTML） 。
再一次，我们的起始点将是/sites/ default 文件夹的playground 子文件夹。
创建一个新的文本文件。 (点击New 按钮并从可用的类型列表中选择Text)。Explorer（资源管理器）视图看起来应该象下面这样：
500)this.width=500'>
要使用Sourcecode 编辑器编辑此文件，点击文本文件的图标并从菜单中选择Edit sourcecode。
对于页面（HTML）文档，点击Edit sourcecode将载入WYSIWYG 编辑器， but you can edit the source code from by clicking on the Toggle to HTML Source button (the icon is pair of angle brackets: < >).
Sourcecode 编辑器是一个stripped-down no-frills 编辑器。 因为此编辑器是基本的编辑器，它包含了所有用于开发文本资源的工具—即我们将在这里讨论的内容以及稍后讨论的执行脚本。
一个文本内容可包含任何类型的文本，包括HTML。 By default OpenCms serves text files with the MIME type set to text/html so that the browser will try to display the document as HTML。 下面是一个文本文件的例子：
<html>
<head>
<title>Text Document</title>
</head>
<body>
This is a plain text document.
</body>
该文档与常规的HTML文档一样。 在保存并关闭文件之后，在浏览器中预览该文件看起来象下面这样：
500)this.width=500'>
不过，您可能注意到，纯文档不使用模板并且不能利用链接检查，图库，以及其它页面文档的特性。
我们在这里所做的是在OpenCms中使用纯文本文档，不过，许多纯文本常被用来存储动态应用的数据。
The Controlcode Editor （Controlcode 编辑器）
sourcecode 编辑器的一个特例是Controlcode editor编辑器。 页面文档的内容存储在一个比较大的XML文档中。有时候，您可能需要直接编辑XML，而不是在WYSIWYG编辑器中改变内容。 要编辑XML，在explorer 视图中找到文件，点击文件的图标，选择Edit Controlcode.。
一个包含了"This is a simple file.”这一行内容的非常简单的文件在Controlcode编辑器中看起来如下所示：
<? xml version="1.0" encoding="UTF-8"? >
<pages xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation=
"http://www.opencms.org/dtd/6.0/xmlpage.xsd">
<page language="de">
<element name="text1">
<links/>
<content/>
</element>
</page>
<page language="en">
<element name="text1">
<links/>
<content><! [CDATA[This is a simple file.]]
</element>
</page>
</pages>
上面例子中包含了内容的行已被高亮显示。此文件中的其余部分是描述内容的XML。当语言和元素被添加到文档中时，此文件会变得很大和更复杂。
下一节中，我们将全程讨论发布我们的新文档到Online项目，并让网站用户能够访问到文档的过程。
Publishing Your Changes （发布您的更改）
有两种发布我们已做的更改的方法。一个是发布整个项目（此例子中是Offline项目） 。这将拷贝当前项目中所有的更改到Online项目中。 要这么做，只需要简单地点击主工具条上的Publish 图标。 系统将要求您确认操作：
500)this.width=500'>
如果有任何被锁定的资源，将提示您允许OpenCms解除锁定。 (您可在参数选择面板中关闭此行为)，选择Ok将自动移除所有的锁定并继续进行发布过程：
500)this.width=500'>
在这之后，OpenCms将进行一系列的检查，包括确保所有的同胞都被发布，检查无效的链接，并确保没有无效的依赖。
500)this.width=500'>
如果检查返回了OK，那么所有的修改或最新创建的文件都将被移动到Online项目中，并可供网站用户访问。
您可能希望发布一小部分被修改的文件而不是整个项目。 要只发布被修改的文件，左键点击您希望发布的资源旁边的图标并选择Publish directly（直接发布）。 注意如果文件自最后一次发布之后未被修改的话，此选项是不激活的。 尝试直接发布playground目录，这将发布文件夹及其所有内容。在询问您确认发布请求后，将显示发布到Online项目的处理过程信息。
如果您发布一个被锁定的文件，在文件发布之前将移除锁定。 这与OpenCms 5中的行为不同，OpenCms5中被锁定的文件不能发布。
在直接发布期间，OpenCms 运行了与在完全发布期间（如上面讨论的）所进行的相同的检查。因此，发布少量的页面仍然要花许多时间。
Which Method of Publishing Should be Used?（选择哪种发布方法？）
因 此您要决定使用哪种发布方法，并且在什么时候使用什么方法？通常，整站范围内的更新倾向于一次发布大量的文件。发布整个项目通常是最好的方法。但是直接发 布单独的页面则更安全，因为不准备被公众看到的原始资源被查看到的风险很小。许多内容块被直接发布，而不是发布整个项目。
有许多高级工具可帮助您进行复杂的发布设定，包括定制项目和同胞关系。
Versioning （版本）
现在新的资源已被发布，OpenCms 将在些文件中保存版本信息。 要在explorer视图中查看一个文件的历史记录，左键点击文件图标并从菜单中选择History。对文件所做的每一次更改都被记录下来了。 如果犯了错误，我们可打开History菜单，选择一个版本，并回滚到该版本。
要回滚记录，返回到Offline 项目，锁定并编辑/playground/index.html文件。 改变一两行并保存文件，左键点击index.html的页面图标并选择History。 您将看到最后发布的版本的入口。
500)this.width=500'>
在此列表中每个入口都有两个按钮。放大镜图标-- View version ，将在浏览器窗口中显示该版本。 第二个按钮—我们所熟悉的发布按钮，将发布文档的该版本，因此会用此旧版本替换掉我们的当前版本。
当您打开文件进行工作时，进行更改，发布，再更改，OpenCms将为该文件创建一个版本历史记录。 使用历史记录，您就可跟踪文件从第一次发布开始的每个版本变化。我们将在第4章中讨论一些与文件历史记录协同工作的管理工具。
Galleries （图库）
我们在之前的章节中简要地了解了Extended Folder type（扩展的文件夹类型）。本节中，我们将使用Extended Folder type （扩展的文件夹类型）来创建一个新的图库。
为了从简单的事情开始，让我们创建一个HTML的图库。 要创建一个图库，点击 New 按钮并从类型列表中选择Extended Folder type。 点击Continue 以选择图库类型。 这将打开一个e Create new HTML gallery（创建新的HTML图库）会话。与文件夹一样， Name 区域决定了文件夹的名称 (在文件系统中和URL中)。下面的屏幕截图上，我已命名我的图库为my_html_snippets。
500)this.width=500'>
因为我们已让Edit properties of the new file 选择项被选中，我们将看到Properties 会话。 此会话中Title 是唯一一个重要的属性(并且在这里有许多的属性—这是普通的Properties 会话，它显示了所有的可设置的属性，虽然许多都不会应用到我们的文件夹上)。
HTML 片段都被存储在纯文本文档中。让我们来为结构化定义列表创建一个新的HTML片段。 首先，点击New 按钮并选择Text 类型。 当您点击Continue时，系统将提示您提供一个文件名。我们把它叫作def_list。 我们需要在Properties会话中设置的唯一一个属性是Title, 该名称应该清楚地描述此HTML片段的作用是什么—此例子中是"Simple definition list"。
此时，我们已在新的 my_html_snippets HTML 图库中，并且我们已有了一个名为def_list的文件。 点击文件的图标并从列表中选择Edit sourcecode。 这将在Sourcecode 编辑器中打开def_list 文件。下面是它看起来的样子：
<dl>
<dt>Term A</dt>
<dd>Definition of term A. </dd>
<dt>Term B</dt>
<dd>Definition of term B. </dd>
</dl>
这就是我们所要创建的HTML片段。 现在我们可在WYSIWYG编辑器中使用这些片段。 返回到playground 文件夹并编辑index.html。 点击HTML Gallery按钮(带有尖括号的文件夹)。当新窗口打开时，您可从下拉列表中选择适当的图库。在选择之后，您应该看到与下面类似的东西：
500)this.width=500'>
(您可能注意到我已添加了第二个用于创建条列方式的片段) ，要在当前页面插入我们定义的片段，只要点击绿色的选择按钮。以同样的方式添加一个table gallery。
Image and Download Galleries （图片和下载图库）
图片库和被下载的图库都要求您上传内容到OpenCms中。使用新的Upload Applet, 此过程较以前变得容易得多。
首先，创建一个用于Image Gallery子类型的额外的文件夹。 (前面的章节中已描述了如何创建文件夹) 。让我们将它命名为my_images。在explorer视图中，导航到新的my_images/文件夹。 点击 Upload按钮以从您的本地硬盘上传一个新图片到OpenCms的VFS中。
Uploading a Gallery （上传一个图库）
默认情况下，OpenCms 6 使用一个Java applet来上传文件。要使此 applet 工作，您必须安装了最新的正式版的Java JRE 或 JSDK (官方要求为 J2SDK 1.4 或更高)。Applet第一次载入时要花费一分钟或更多的时间，但是在之后applet 运行起来就会很快。Applet的流程化的过程是浏览本地系统并传送文件到服务器。
在您定位了希望上传的图片的位置之后，点击Ok 按钮，图片就被发送到服务器。 当传送完成后，将返回到explorer 视图。
并非所有的浏览器都支持Java applets，不过您也可通过一个基于web的表单来上传文件。 要访问此表单，您需要前往Preferences (在工具条上) 并取消选择Use Upload Applet项。
Using a Gallery （使用一个图库）
现在，我们可导航到playground/index.html 文件并查看我们的新图片库。在WYSIWYG编辑器中打开index file文件，并点击Image Gallery 按钮 (有色形状的文件夹)。或许您需要从顶部的下拉列表中选择合适的图库。一旦您已选择了它，您就应该能看到最新上传的图片。
点击green check mark Insert 按钮将添加图片到当前页面上。
在第4章中有更多与图库有关的讨论。
摘要
我们在本章中研究了OpenCms Workplace （OpenCms工作区）的explorer （资源管理器）视图。 我们学习了如何通过虚拟文件系统（VFS）导航，以及如何创建和编辑OpenCms中的内容的基础窗体。
我们将在下一章中从这些编辑任务转到管理工作上来。我们将研究研究管理和项目管理 。 |
|
|
回复:管理和定制OpenCms 6 - 第3章 OpenCms 工作区(3)
文章收藏, 网上资源, 软件技术, 电脑与网络
大师傅(游客)发表评论于2009/4/8 10:33:51 |
| 尿毒症 肾病综合症 肾病 急性肾炎 慢性肾炎 肾炎 电脑票据 票据印刷 无碳复写纸印刷 打孔无碳 OTDR 光万用表 误码仪 ADSL测试仪 信号源 千兆以太网测试仪 防雷器测试仪 地阻仪 地下管线测试仪 网络认证测试仪 天馈线测试仪 熔接机 光功率计 热像仪 |
|
» 1 »
|