2023年11月28日发(作者:)
木兰指南
木兰指南.......................................................................................................................................... 1
1。模板简介............................................................................................................................ 2
2。创建一个简单的模板........................................................................................................ 3
3。添加主酒吧........................................................................................................................ 8
4。创建一个段落.................................................................................................................. 12
5。创建一个对话框.............................................................................................................. 18
1。模板简介
所有的网站在木兰创建网页是基于 模板。网页合并生成与模板库中相应的内容。许多
网页可以基于一个模板。
模板一般包括两个部分: 模板脚本,写在JSP或FreeMaker和一 模板的定义。这些
因素使木兰查明和利用模板。该模板定义模板名称连接到模板脚本,使脚本提供给系统,
它提供的模板作者,谁能够选择模板在网站工作区。
阿木兰网页是由一小部分或不同的内容领域。这些内容区域被称为 段落。许多段落,
它们共同构成了网页的内容很多,在下面的截图突出。
该网页模板定义,定位,结构和页面上的每个段落内。在许多情况下,该模板将允许
作者选择不同的段落类型单一领域的一些内容。
段落是在同样的方式配置为模板。在这两种情况下,您提供了一个脚本,该段也呈现
或模板内容。该脚本使每一段独特的,能以任何明显的不同区域内的位置。那个 段概念 下
面是充分的讨论。
对话 允许作者编辑既段落和/或网页的内容。独特的对话就可以创建每个段落。
下图显示了模板之间的进程的各个要素的关系。该模板或段落定义准确地界定了对话,
模板或段落将用来处理内容。该模板或段落脚本指定的运作和模板或段落的设计,或者JSP
或FreeMarker的可以用来写剧本。该对话框有助于此外,修订和内容存储。内容存储在库
中。在这些过程中,一个新的网页或完成后段呈现。
我们的 标准模板工具包 (沙头角),形成了木兰超音速模板包的一部分,提供了一
个简单的替代方案,以创建自己的模板从头开始。沙头角是一个模板和功能,它允许您调
整和修改现有的模板以满足您的需要,而需要广泛的技术知识,收集。这是一个最佳实践,
出的现成解决方案,旨在加快您的自定义模式的发展。如需有关沙头角信息,请参阅我们
的 沙头角文件。
本指南提供了分步说明如何建立一个基本模板。为了显示的发展道路,我们刻意保持
它极其简单。
步骤,我们将遵循如下:
创建一个简单的模板,只显示静态文本;
添加主酒吧,包含网页的属性,AdminCentral和预览功能按钮;
创建一个段落 以结构为较小的部分内容;及
创建一个对话框 编辑内容。
享受结果!
2。创建一个简单的模板
有两个步骤来创建一个模板:
创建模板定义;及
创建模板脚本
创建模板定义
那个 模板的定义 可以识别和木兰 使用 模板 脚本。这一步使该模板无法使用遗漏。一旦
模板定义设置,模板可使用在其网站模板定义作者的简单定义模板属性,并通
知木兰如何使用模板。
创建一个模板定义包括创建一个新的内容节点(模板定义页),增加了一些用户友好特性
的模板脚本,例如标题和描述,并配置模板。与其试图分配到一个JSP网页,作者可以简
单地选择预先设计的模板。
配置模板是添加模板定义玉兰进程。对于本指南的目的,定义的模板将在模板模块的创建,
但理想的,它应该被添加到您自己的模块,使您的木兰customizationsindependent,并升
级容易。
至 创建 模板的定义:
打开工作区,扩大配置的模块文件夹;
创建一个新文件夹 模板/模板 子文件夹,命名 MyProject的;
在新的 MyProject的 文件夹,创建一个新的内容节点,命名 myTemplate;
创建7个新的数据节点命名 描述, i18Basename, 名字, 路径, 标题, 类型 和
可见根据 myTemplates 内容节点;
进一步的内容创建一个节点,命名 subTemplates作为一个子节点的内容
myTemplate;
进一步的内容创建一个节点,命名 打印作为一个子节点的内容 subTemplates;
创建两个新的数据节点命名 扩展 和 路径根据 打印 内容节点;
设置的所有数据节点相同的值在下面的截图详细;
如有需要,适应内容以适应自己的设置。
该模板在我们的例子定义配置JSP的脚本。如果你喜欢使用Freemarker,更改类型属性
Freemarker的 和路径属性链接到您的FreeMarker的脚本(。超长)。
您可以命名新创建的子文件夹和任何你喜欢的内容节点。然而,数据节点应该被命名为相
同的屏幕细节,但在插入值的信息栏,可以调整以适应您的安装程序。为了组织目的,模
板也可以分组分文件夹。
子模板 定义其他JSP或用来改进或增加功能模板Servlet的父母。在结构上,分模板的定
义和存储为子节点的父内容模板定义内容节点。在 脚本 水平,推出的子模板使用在扩展
网址 请求。例如,“。html的”通常是父母模板和子模板,目的是控制打印功能,可能有
扩展名为“。打印”。子模板节点的“延伸”和“道路”定义的属性。
如需有关属性,这是为模板定义的资料,请参阅 在模板属性的完整列表。
创建模板脚本
虽然最常见的模板语言是JSP(Java服务器页面),对FreeMarker的全力支持模板和段落
是同木兰4.0版本中引入的。 FreeMarker的和JSP模板可以结合起来使用。 FreeMarker
的都和JSP模板可从类路径中,库或文件系统加载。请有关FreeMarker的更多细节,请参
考 模板使用FreeMarker。
该代码在本指南提供的例子包括了FreeMarker的和JSP源代码,所以你可以选择自己偏好
的代码。
我们的脚本将创建非常简单,只显示静态文本“Hello木兰世界!”在网页上。
要创建模板脚本:
在桌面上,创建一个webapps文件夹中的新文件夹: 模板/ MyProject的/模板
创建一个新的JSP或超长脚本文件名为 /超长 并插入下面的代码:
例如使用JSP语法:
<@page ContentType =%“text/ HTML;字符集= UTF - 8的” 语言=“java” %>
Hello Magnolia World!
>
例如使用Freemarker的语法:
Hello Magnolia World!
这不要紧,你把你的模板脚本,只要是内 webapps 文件夹中的玉兰实例。那个 路径 到
脚本文件中配置 模板的定义。在默认安装,你会发现一 /模板 文件夹
/
MagnoliaEnterpriseEdition/apache-tomcat-5.5.27/webapps/magnoliaAuthor
。这是模板
通常设脚本。这通常是一个好主意,你的模板文件夹结构,例如: /模板/ MyProject的/
模板 为脚本和模板 /模板/ MyProject的/段 段的脚本。
创建和测试新的页面模板
一旦已定义的模板和脚本文件创建,模板将供 使用。
要查看模板,创建一个新的 网页 在网站工作区和 分配 新 模板 它,通过选择
项目:我
的新模板
在模板列。
接下来,双击页图标,打开该网页。
其结果可能看起来有点令人失望,但这只是一个很基本的网页。现在,基础设施(模
板定义和脚本)到位, 动态内容 和 到对话框链接 可以添加。这些主题充分讨论,在以
下几节。
处理内容
即使我们的网页很简单,只包含静态文本,它已经有几个属性。
为了演示如何处理动态内容,我们将使用系统变量, ,以显示内容 标题 财
产。在木兰,对象的系统提供一些暗示,一个完整的清单中可用 模板参考页面。
若要动态 显示 网页 标题 在浏览器窗口和/或标签的标题,重新打开您的模板 脚本 文
件, /超长,并使其适应如下:
...
的
<标题> $()“/标题”
“/头”
的
$
()“/ H1基因”
,您好木兰世界!“/页”
...
下一步,请刷新 在网站页面的工作区,请注意 窗口 和 分页标题 现在
您好木兰世界!
已改 显示 那个 页面标题 网页的。
如果您创建新模板,窗口和标签名称将改变动态地显示在页面标题分配给在网站工作区中的其他页的
其他网页。当网页标题被修改,修改后的网页的标题将显示在页面刷新或重新加载。
页,和一般的节点,可以有任意数量的属性,可在查看 浏览器的JCR。这有助于加深对网页的结构,更好
的理解。全部 节点 (网页或内容,对象)和 属性 (节点数据对象),在网站工作区中创建的自动 上
市 在联合委员会的浏览器。例如,所有属性和段落添加到页面显示。
至 打开 联合委员会的浏览器,在点击 工具 按钮在导航窗格中,选择 浏览器的JCR(网站) 从下拉列
表中出现。
我们的新页, (),有一个单一 财产: 标题,连接到它。
您好木兰世界!/你好世界
标题财产被自动添加页面时创建对应于该网站工作区的标题栏的信息。任何额外的网页,
新模板的,也有一个附加的标题属性。作为进一步的页面属性被添加到工作区网站的网页,
在浏览器中的JCR属性将自动更新。
3。添加主酒吧
总的来说,到目前为止,我们已经创建了一个网页,内容是有关如何阅读内容元素。我们
的下一步是 添加 和 编辑 网页 内容。
那个 三 添加和编辑内容的要点:
工具栏的按钮打开对话框;
对话框,允许作者来添加和编辑内容;
段,其中提到的对话。
那个 主要的 编辑栏 包含 预览, AdminCentral 和 页面属性 按钮。这些按钮允许作者
开放AdminCentral,预览页面并插入页面属性,分别为。通常情况下,主要栏将被定位在
一个页面的顶部。最简单的方法来添加主栏是使用 mainBar 标签,载于 木兰标签库。
所有可用的标记列表上可以找到的 不育系标记库 页。
插入 mainBar 标签到我们的 模板脚本 涉及 二 步骤:
包括木兰核心 标签 图书馆 本身:
例如使用JSP语法:与 标签库 指令:
“%@标记库乌里=“厘米,标签库” 前缀=“厘米” %“
例如使用Freemarker的语法:与 分配 指令:
[#分配厘米= JspTaglibs [“厘米,标签库”]]
使用 那个 mainBar 标签 显示主栏:
例如使用JSP语法:
“厘米:mainBar
对话=“我页,性能对话”
标签=“网页属性”
adminButtonVisible =“正确的“/“
例如使用Freemarker的语法:
[@ r
对话=“我页,性能对话”
标签=“网页属性”
adminButtonVisible =正确的 /]
至 插入 那个 图书馆 和 mainBar 标签 到您的模板脚本,调整的内容 /
超长 如下:
例如使用JSP语法:
“@页面的ContentType =%“文本/ HTML;字符集= UTF - 8的” 语言=“爪哇” %“
“%@标记库乌里=“厘米,标签库” 前缀=“厘米” %“
的
<标题> $()“/标题”
“/头”
的
“厘米:mainBar
对话=“我页,性能对话”
标签=“网页属性”
adminButtonVisible =“正确的“/“
$
()“/ H1基因”
,您好木兰世界!“/页”
“/体”
“/的HTML”
例如使用Freemarker的语法:
“元的HTTP - EQUIV =“内容类型” 内容=“文本/ HTML;字符= UTF - 8的”/“
[#分配厘米= JspTaglibs [“厘米,标签库”]]
的
<标题> $()“/标题”
“/头”
的
[@ r
对话=“我页,性能对话”
标签=“网页属性”
adminButtonVisible =正确的 /]
$
()“/ H1基因”
,您好木兰世界!“/页”
“/体”
“/的HTML”
上面的代码包含了若干 属性 关于 mainBar 标签。这些是:
对话:这个属性定义对话框时使用的网页属性按钮被点击。我们将创建这在下一节
对话框。请注意,在所有木兰木兰以前版本3.6.2,此属性被称为 段。如果您正在
从事的玉兰早期版本,在参数 mainBar 标签,““”
对话框=“我的页,性能对话
应改为““”。
第=“我的页,性能对话
标签:这是按钮标签分配给页面属性对话框。
adminButtonVisible:真
:这包括在编辑栏中AdminCentral按钮。
一旦你适应您的模板脚本文件,刷新在网站工作区和您的网页 主酒吧 现在将出现在上方
的页面。在这一阶段,主要栏显示在页面上文本的顶部。该DIV的主要栏中使用导致此标
记。为了解决这个问题,在您的模板脚本文件,只需添加一对夫妇 标记后 mainBar
标记和网页上的文字将再次清晰可 见。 当预览按钮按一下,主要栏将被删除,该网页将显示它会在公共实例。当您单击网页 属性按钮,一个错误对话框将打开。其原因是该网页的属性对话框中,我们的标签是指, 不,然而,存在。这将是建立在下面的部分。 定义页面属性对话框 我们的下一步是 定义 页面属性 对话 并让我们的模板,使用它。为了简单起见,并展示 如何利用现有对话可以很容易地使用和调整,我们将复制的样本 mainProperties 对话, 这在包括 样品 模块。 模块的样品中不包括木兰电子工程标准4.1包,并可以下载 这里。要安装此模块,jar文 件复制到你的WEB-INF/lib目录下,然后重新启动木兰。重新启动后,当您启动玉兰,您 将需要更新,其中包括样本模块。要做到这一点,只需点击开始安装/更新的初始窗口按钮, 并在其后的过程将自动发生。 至 创建 那个 对话,提到的 mainBar 标记在模板上面的脚本: 我页,属性 在配置工作区,开放 /模块/样本/对话; 右键点击 mainProperties 内容节点,并选择“复制”从上下文菜单; 位置在副本 样品/ /对话 文件夹,重命名 ; 我页,性能对话 如果您已经有一个自定义自己的模块对话框设置,只需移动 此文 我页,性能对话 件夹。 下一步在网站工作区,刷新 网页,然后在网页属性按钮。页面属性 您好木兰世界! 对话框现在将打开。此对话框允许作者编辑网页的一般属性。 4。创建一个段落 总的来说,在本指南中,我们讨论了如何在前面的章节 创建一个模板 和结构。 内容 元素 现在可以添加到模板的使用 段落,您可以添加您喜欢的许多段落。 那个 newBar 标签,载于 木兰标签库是用来插入一个绿色的编辑栏包含 新的 按钮为 模板。此按钮允许作者 插入 新的 段落 在网页上。 单一段可使用一次,或多次。我们还可以创建一个多段型系统。阿多段型系统允许作 者选择款型将在内容地区使用,而单一型段,允许只插入预先定义的内容区域段落类型。 随着多段型系统,就今年的新建按钮提交点击,打开一个对话框显示的段落,作者可以选 择的选择。一旦一个段落类型已在第一个对话框,对话框中选择进一步开放,同时,真正 的网页内容插入。与单式段,第二个对话框即对话框到其中的实际内容插入,直接打开时, 新建按钮被点击。那个 newBar 标签确定是否只有一个,或选段,将提供给作者。在这一 节中,我们将创建一个 多段型系统。我们段将用于简单地添加文本网页。 为了插入或修改内容,一个对话框,要求和我们的第一步是创建 对话框。 文本块 准备的对话 我们的 对话 将有一个单独的内容元素。那个 对话框定义 是建立在配置区。 文本块 理想的话,应该添加到自己的模块,但对于本指南的目的,我们将其插入模板模块。 至 创建 对话框 定义: 在配置工作区,打开 /模块/模板/对话/ 并创建一个新的子文件夹名为 MyProject 的; 在新的 MyProject的 文件夹,添加一个新的内容节点命名 tabTextBlock 和数据 节点命名 高度; 根据 tabTextBlock 内容节点,添加两个数据节点命名 controlType 和 标签; 添加更多的内容节点命名 TextBlock的作为一个子节点 tabTextBlock; 根据 TextBlock的 内容节点,增加6个数据节点命名 controlType, 描述, 高 度, 标签, 名字 和 类型; 设置的所有数据节点相同的值在下面的截图详细; 如有需要,适应对话 以适应自己的设置。 文本块 对话可分为内的子文件夹组织的目的。详细定义的对话框这里只是提供证明我们能做 些什么的段落。欲了解更多信息,请参阅 创建一个对话框节 下面。 创建段的定义 一旦 对话已经建立,下一步是要 创建 那个 段 本身。用于创建段的 文本块文本块 过程是很类似的 创建模板涉及第一款的定义,创建,然后是一段脚本。该段寄存器定义在 木兰段。 对于本指南的目的,该段将创建的定义在模板模块,但理想的,它应该被添加到自己 的模块。 至 创建 该段 定义: 在配置工作区,开放 /模块/模板/段 并创建一个新的子文件夹名为 MyProject的; 在新的 MyProject的 文件夹,添加一个新的内容节点命名 myTextBlock; 根据 myTextBlock 内容节点,增加6个数据节点命名 描述, 对话, 名字, templatePath, 标题 和 类型; 设置的所有数据节点相同的值在下面的截图详细; 如有必要,调整的内容 myTextBlock 以适应自己的设置。 如需有关的属性,这是该段定义的现有资料,请参阅 段属性的完整列表。 创建脚本段 一旦该段已创建的定义,下一步是要 创建 那个 脚本段。该脚本将执行每当 文本块 段使用。无论JSP或FreeMarker的可用于创建脚本段。 我们的脚本将创建非常简单,只显示在文本的细节 对话窗口。如案件 模板脚 文本块 本,该段脚本应置于内的任何地方 webapps 文件夹中的玉兰实例。此文件夹内的准确位置 是无关紧要的,因为到脚本文件的路径配置在该段中定义。 至 创建 那个 脚本段: 在桌面上,创建一个webapps文件夹中的新文件夹: 模板/ MyProject的/段; 创建一个新的JSP或超长脚本文件名为 /超长 并插入下面的代 码: 例如使用JSP语法: <%@ taglib uri="cms-taglib" prefix="cms" %> ${ock}
/>
例如使用Freemarker的语法:
[#assign cms=JspTaglibs["cms-taglib"]]
${ock}
添加该段段系统
至 添加 我们的一段, 段系统,我们只需添加到款 newBar 标签。木兰会自动创建必
要的段落选择对话框。此对话框允许作者选择从选段类型由可用 newBar 标签。
我们的新段将纳入我们的模板前面创建本指南。
至 纳入 那个 段 到模板,修改 模板脚本: /超长如下:
例如使用JSP语法:
„
${}
Hello Magnolia World !
paragraph="myTextBlock, samplesHowToJSP, samplesHowToFTL, samplesControlsShowRoom, samplesSearchResult"/> „ 例如使用Freemarker的语法:在Freemarker模板,你可以使用一个段落呈现的语法 非常类似于JSP的是,在木兰不育系使用标记库: „ Hello Magnolia World ! [@tNodeIterator contentNodeCollectionName="myNewCollection"] [@eTemplate /] [/@tNodeIterator] [@ contentNodeCollectionName="myNewCollection" paragraph="myTextBlock, samplesHowToJSP, samplesHowToFTL, samplesControlsShowRoom, samplesSearchResult" /] „ 上面的脚本,同时增加我们的 TextBlock的 段,以及所有 段落 载 样品 模块。为了 使该段脚本,我们的页面模板使用 includeTemplate 标签。此标记检查 templatePath 财 产段的定义,我们在上一节创建的。在创建输出, templatePath 属性存储的句柄脚本。 一个概念 收集 是由木兰和转介到 newBar 标签。集合好比一个容器,它保存的所有 网页的段落。阿段由段相关的信息,例如在集合序列,实际内容由作者作出了贡献。添加 收藏并不复杂。只需使用 newBar 标签,它增加了新的一段。那个 newBar 标记有一个属 性名为 contentNodeCollectionName,它告诉玉兰的集合名称,新段应增加。如果集合节 点不存在,玉兰会自动创建它。在建立收集,新的第节点的内容添加到集合节点。 要查看新段,在网站工作区,刷新 页。一个 编辑栏,其中载有 新 您好木兰世界! 按钮现在将显示在网页下面的标题。 当您单击 新的 按钮,该段选择对话框,命名 创建新的段落, 将打开。在此对话框 中,我们新创建的第 收集 显示,与我们的 第一次出现。 文本块 那个 模板脚本 确定 命令 在可用的段落出现。那个 标题 和 描述 我们是相同的段 段 属性 在配置区时插入,我们创造了 定义段。请不要犹豫,选择我们的段落。 当您选择我们从在创建新的一段对话中,列出我们的新段 TextBlock的 对话会 打开。 那个 标签 和 描述 属性,在配置区时插入,我们创造了 TextBlock的 对话框,显示在左 侧,及以下主要内容范围内分别。所界定的 controlType 财产, FCK编辑器 还插入了。 当后,插入文本内容区域,您在保存按钮,按一下对话框的底部,该段将出现在我们 的网站 新栏 出现下面的插入段,再次准备了新的段落在页面上增加。 我们的下一步是使我们的新创建的两个段 编辑 和 动产。这将允许作者编辑当前段的 内容和/或将整段上的一个网页不同的位置。 那个 editBar 标签,这在包括 木兰标签库,使之成为可能,而一切必要是包括 editBar 标 签 在我们的 脚本段。 以包括 editBar 标签,修改脚本段, /超长 如下: 例如使用JSP语法: „ ${ock}
例如使用Freemarker的语法:
„
[@r /]
${ock}
在网站工作区,如果你现在刷新 网页,一个绿色 编辑栏,含 编辑,
您好木兰世界!
移动 和 删除 按钮将显示在新的段落在该段脚本中指定的位置,即。作者现在可以编辑一
个以前保存段的内容,将其移动到新位置,或删除它的全部内容。
请享受结果!
5。创建一个对话框
作者通常不是IT专家,也不是兴趣成为这样。他们的主要目标是生产没有复杂的技术
问题挫折高质量的内容。基于这些原因,我们需要创建一个创作系统,易于使用,能够实
现快速的内容作出的贡献,并促进直接控制。这是通过创建简单的,不言自明的对话。在
对话框的使用,作者们可以很容易没有任何技术技能的内容。所有这一切需要的是其浏览
器的工作知识。一个对话框可以比作一个大的HTML输入字段的形式。对话就没有必要可以
编写脚本,以便存储的内容。当创建一个对话框,始终牢记自己是专门为作家创造,并应
保持清晰,并尽可能简单。
对话的根本木兰 用户界面,决定了可利用的内容的选择,功能和所提供的内容整体外
观由某对话。对话可以改变和定制,没有编码的必要性,通过简单的修改对话框中的定义。
创建一个对话框,通过组装 配置控制。除了管制,对话使用模板,内容和性质。总之,
这些元素创建一个用户界面编辑器内可以使用对话框来完成预先设定的任务。网页内容被
组织成段,每一段都有一个关联的对话框,它允许作者编辑它的数据。对话的属性,具体
涉及的对话本身,而不是控制或控制的财产水平。
一个典型的安装包括木兰的对话标准。在许多情况下,没有必要从头开始创建新的对
话框。你可以简单地复制当前对话,包括在您的对话框中文件夹和适应您的需求。
准备使用的,有益的 对话 可以发现:
标准模板工具包在模板套件-对话框中定义的工作区;
样品模块在配置区下 /模块/样本;及
模板模块在配置区下 /模块/模板/对话。
在本指南的这一部分,我们将从头开始创建新的对话框。这是一个简单的对话框,只有 两
个控件:一个输入字段 标题 和输入字段 文本。
创建对话框包括:
创建对话框的定义;
修改模板或脚本段引用对话框。
第一步是创建对话框的定义,并把它添加到存储库。
至 添加 到对话 库:
打开工作区,扩大配置的模块文件夹;
创建一个新文件夹 模板/对话 子文件夹,命名 myDialog;
在新的 myDialog 文件夹,创建一个新的内容节点命名 tabText;
根据 tabText 内容节点,创建两个新的数据节点命名 controlType 和 标签;
相同的设置在下面的截图详细的价值;
如有需要,适应的内容,以适应自己的设置。
一旦我们 定义 在对话框中,我们可以着手 使用 它。对于对话框可以使用,它需要
在一个模板或段落引用 脚本。我们将融入我们的新模板脚本对话框, /
超长,我们在以前创建 创建模板脚本。通常,一个对话框将被纳入一个段落脚本,但为了
便于演示,我们将使用模板脚本这里。
至 整合 进入对话框 模板脚本,修改内容 /超长 如下:
例如使用JSP语法:
„
Hello Magnolia World !
按一下按钮以打开对话的内容
„
例如使用Freemarker的语法:
„
Hello Magnolia World !
按一下按钮以打开对话的内容
[@tton label="Edit Text" dialog="myDialog" /]
[@cms:contentNodeIterator contentNodeCollectionName="myNewCollection"]
„
上面的代码是指我们的 myDialog 在 editButton 标签。这个标签,这在包括 木兰标
签库,工程一 类似 方式向 editBar 标签,只不过是只插入 按钮 而不是一个绿色的编辑
栏和一个按钮。默认情况下, editButton 标签名为编辑插入按钮,但到模板中的脚本以
确保该按钮将被命名为编辑文字的源代码进行修改。请注意,在所有木兰木兰以前版本4.1,
该对话框的属性被称为 段。如果您正在从事的玉兰早期版本,在参数 editButton 标签,
对话框=“myDialog”应改为 第=“myDialog”。
在网站工作区,如果你现在刷新 页中,“点击按钮,打开对话框中
您好木兰世界!
的内容”和新的编辑文本按钮现在出现在页面上。
当您单击编辑文字按钮,我们新的对话框, myDialog,将打开。目前,该对话框是空
的,除了 标签 财产, 编辑文字这显示在上方的标签。此属性的定义,当我们说: myDialog
到存储库。
下一步,我们将 添加 我们两个 输入控制, 标题 和 文本 我们myDialog。对于文字
方面,我们将包括 fckeditor的,使作者的格式,并添加文本链接,而无需任何HTML知识。
至 添加 那个 输入控制:
打开工作区,扩大配置的模块文件夹;
在新的 模板/ myDialog 文件夹下添加了两个新的内容节点 tabText 内容节点,命
名 textTitle 和 TextBlock的和三个数据节点命名 高度, 标签 和 宽度;
四个数据节点添加到 textTitle 内容节点,命名 controlType, 标签, 名字 和 类
型;
增加6个节点的数据 TextBlock的 内容节点,命名 controlType, 描述, 高度, 标
签, 名字 和 类型;
设置的所有数据节点相同的值在下面的截图详细;
如有需要,适应内容以适应自己的设置。
如需有关的属性,这是对话的定义的现有资料,请参阅 无法解析链接:/参考/对话框
配置。
由此产生的对话是一个 HTML表单 两 输入 领域, 标题 和 文本块,这将允许作者添
加和编辑内容。从本质上讲,一切必要是定义的属性和木兰将建立相应的对话。有两个大 控
制类别, 布局 控制和 输入 控制。布局控制的属性决定的类型,大小和外观,而对话的
输入的属性,控制确定的内容类型,可以添加和编辑。
一旦对话已经完全确定,最后一步是 修改 我们的 模板脚本 使对话框中的定义更新
的信息。要做到这一点,修改的内容 /超长 如下:
例如使用JSP语法:
„
按一下按钮以打开对话的内容
contentNodeName="myContent"/> „ 例如使用Freemarker的语法: ... 按一下按钮以打开对话的内容 [@tton label="Edit Text" dialog="myDialog" contentNodeName="myContent" /] [@e var="anyNode" contentNodeName="myContent" /] [@tNodeIterator contentNodeCollectionName="myNewCollection"] „ 上面的代码添加 contentNodeName 属性的 editButton 标签。这将确保在插入的文本 myDialog 窗口将存储为 节点 命名 myContent。那个 setNode 标签 然后用于揭露 myContent 节点的内容与页面上下文名称 anyNode。那个 输入控制, textTitle 和 TextBlock的 然后储存在 桌子。 在网站工作区,如果你现在刷新 页,并单击编辑文字按钮,您的 您好木兰世界! myDialog 对话将包含两个 输入 盒, 标题 和 文本块,定义。在对话窗口现在 大小 按 照 布局控制 和 fckeditor的 可在文本块区。 在网站工作区,刷新 页面和TextBlock的对话框插入现在将出现在 您好木兰世界! 页面上的内容。 在公共实例,因为它是将网页的显示。享受结果!
Title ${tle} Text Block ${ock}
Title ${tle} Text Block ${ock}


发布评论