Bea Portal 布局样式设计参考文档.docVIP

Bea Portal 布局样式 设计参考文档 V1.0 成果状态 申报人及审核人 日 期 申 报 谢兴林 2008-10-22 初 审 苗宇 2008-10-27 终 审 知识成果简要信息表 成果名称 Bea Portal 布局样式设计 分类层次 研发类 关键字 Bea Portal 布局 样式 主题 桌面 适用范围 Bea Portal 门户布局样式开发 内容摘要 Bea Portal 门户的体系结构 Bea Portal 布局样式文件结构 Bea Portal 布局样式样例 Bea Portal 布局与样式的使用 成果形式 Word文档 创建人 谢兴林 创建时间 2008-10-22 版本信息 修订日期 版本号 说明 作者 2008-10-22 0.1 提交知识成果文档 谢兴林 审核状态 审核人 通过审核日期 审核意见 初审 苗宇 2008-10-27 内容详细，对BEA Portal整个的外观感觉的开发进行了很好的总结，也算是对于门户开发的一项技术经验的积累，对于其他人也是一篇很好的帮助文档。 终审  目录 1. 文档概要 1 2. Bea Portal门户的体系结构 1 2.1. 桌面 1 2.2. 外壳 2 2.3. 书册 2 2.4. 页面 2 2.5. 布局和占位符 2 2.6. “门户渲染”组件和“外观及感觉”组件 3 3. Bea Portal 布局样式文件结构 3 3.1. 整体结构 3 3.2. markup目录 5 3.3. Skeletons目录 11 3.4. Skins 目录 12 4. Bea Portal 布局样式样例 13 4.1. 布局设计样例 13 4.2. 主题样式设计样例 17 5. Bea Portal布局与样式的使用 18 5.1. 布局的使用 18 5.2. 样式的使用 19 6. 总结 21  文档概要 本文档着重介绍了Bea Portal 门户的体系结构，布局样式的文件体系结构及布局样式的开发方法。通过门户的体系结构讲解了门户样式的组成，通过对布局样式文件的结构讲解了布局样式中各文件在布局样式设计中的用途及使用方法，最后通过布局和样式的样例讲解了布局和样式的设计及使用方法。适用于初学门户布局样式设计者使用。 Bea Portal门户的体系结构 下面对一些名词进行解释： 桌面 桌面是门户组件的受众特定视图，它包含门户页眉、页脚和主体。主体包含大量门户内容：书册、页面、Portlet 和外观及感觉元素。一个门户可以支持一个或多个桌面。 外壳 桌面的页眉和页脚，由门户外壳（.shell 文件）控制，通常是主体上方及下方的区域。这些区域通常显示诸如个性化内容、横幅图形、法律声明和相关链接等内容。 书册 书册是提供高级内容组织和导航的组件。书册包含页面或其他书册，提供页面及内容的分层嵌套机制。书册由控件（如选项卡集）标识。 页面 页面包含显示实际门户内容的 Portlet。门户的内容还可以包含书册及其他页面。页面由控件（如选项卡集）标识。 布局和占位符 布局即一种 HTML 表定义，页面使用布局可确定页面中 Portlet 的物理位置。管理员和用户可以为页面选择不同的可用布局。占位符是布局中的各个单元，Portlet 放置在这些单元中。 Portlet 是呈现应用程序、信息和业务流程的窗口。Portlet 可以包含任何内容：静态 HTML 内容、Java 控件、复杂 Web Service 和处理量很大的应用程序。Portlet 可以互相通信，并加入 Java 页面流，此页面流使用事件，通过应用程序确定用户路径。一个页面可以有多个 Portlet。您还可以拥有一个 Portlet 的多个实例。例如，可以将 Portlet 实例放在多个页面上；这样，如果用户没有查看具有此 Portlet 的某一页面的权限，则可以查看其他具有此 Portlet，并有权限查看的页面。Portlet 可以拥有不同模式，如可在标题栏中选择的最小化、最大化、编辑、删除、配置和帮助。 “门户渲染”组件和“外观及感觉”组件 桌面的外观由“外观及感觉”确定。外观及感觉定义包含两种主要元素：外观和骨架。 外观 - 外观提供桌面界面的全部组件使用的总体颜色、图形及样式。外观是图形和层叠样式表 (CSS) 的集合，允许更改门户的外观及感觉，而无需直接修改门户组件。 骨架 - 外观及感觉文件还提供要使用的骨架目录的路径。每种类型的组件（从桌面到 Portlet 的标题栏）都具有相关的 JSP 文件（称为骨架文件），用于渲染组件。 Bea Portal 布局样式文件结构 整体结构 首先新建一个Bea Portal工程，进入Po