WebSphere Portal 7.0的主题与皮肤部署方法

  所谓主题与皮肤，主要指门户系统的界面风格与显示方式。在企业门户项目的实施中，主题与皮肤的开发是重中之重。因为作为所有企业内外信息、应用的统一入口，可谓是一个企业的脸面。从另一方面讲，在一个企业内，没有任何系统比门户系统有更多的员工使用，在项目实践中我也发现，花在主题与皮肤开发上面的时间往往占很大的比重，对美工的要求也比较严格。

Portal 的主题与皮肤开发，说穿了还是普通 JSP 的开发，只不过大量使用了 IBM 自带的标签库，而且页面之间的调用非常复杂，初级开发者甚至找不到页面元素所在的文件，所以开发起来显得比较麻烦。另外，各个版本的 Portal 其主题与皮肤构成元素都在变化，看起来似乎很难掌握。但是，如果你深刻洞悉了与主题、皮肤相关的几个文件之间的调用关系，使用起来就能游刃有余了。

2   WebSphere Portal 7.0的主题与皮肤部署方法

2 .1   主题与皮肤应用程序部署

WebSphere Portal 7.0 和 8.0 比较相似，相对于 6.0 来说有了较大的变化。由于 8.0 版本在国内的客户不超过 3 家（截至 2013 年），而 7.0 版本的客户较多且目前最流行，所以本节详细介绍 IBM WebSphere Portal 7.0 的主题与皮肤开发。

2 .1.1   主题与皮肤应用程序（动态文件）

使用工具： AnyClient 。

首先下载并安装 AnyClient 工具。

  如果计算机上已经存在该工具，则可直接运行，界面如图 2- 23 所示。

  单击 “ File ”，选择“ Site Manager ”，如图 2- 24 所示。

  单击左下角的 “ New ”按钮，右侧显示了需要填写的常规信息，更改 Protocol 为 “ WebDAV ”，如图 2- 25 所示。

图 2- 23  AnyClient 界面

图 2- 24   选择“ Site Manager ”

图 2- 25   常规信息

按要求填写信息，如图 2- 26 所示。其中， Host 表示计算机 IP 地址或者域名。

各常规选项如下。

—  Host ： 添加 ThemeList ， http://hostname:10039/wps/mycontenthandler/dav/themelist/ ；添加 SkinList ， http://hostname:10039/wps/mycontenthandler/dav/skinlist/ ；添加 fs-type1 ， http://   hostname:10039/wps/mycontenthandler/dav/fs-type1/ 。

—  Username ： wpsadmin 。

—  Password ： wpsadmin 。

—  Protocol ： WebDAV 。

—  Local   Directory ： 选择本地计算机需要上传文件的目录。

—  Remote   Directory ： 不填。

—  Debug ： 不填。

—  Prompt for password ： 选填。

图 2- 26   按要求填写信息

  待上述操作完成，开始文件传输操作。

通过 ThemeList 传输主题文件，例如： wanhua.default.theme ；通过 SkinList 传输皮肤文件，例如： wanhua.default.Standard 。

上述文件传输完毕后，动态文件已经全部部署。

1.2   主题与皮肤应用程序（静态文件）

借助应用程序打包工具，将主题与皮肤的静态文件打成 EAR 包 ，然后上传到管理控制台的 “应用程序类型”下的“ WebSphere 企业应用程序 ”中。这个过程比较简单，这里不再一一详述。初学者如果不懂，则可以到 IBM 官方网站查阅入门教程。

文件部署完成后，主题与皮肤即可用了。

2 .2   主题与皮肤文件的导出 / 导入

通过 F lashFXP 工具进行主题与皮肤的导出 / 导入操作。配置文件导出 / 导入中的 wpsadmin 为管理员账号。

2 .2.1   配置文件导出

  使用 F lashFXP 工具连接到计算机上，如图 2- 27 所示。

图 2- 27   使用 FlashFXP 连接计算机

  进入到执行主题与皮肤命令所在的目录，如图 2- 28 所示。

图 2- 28   进入到执行主题与皮肤命令所在的目录

  将本地的 “ export.xml ”文件上传到该目录下，通过 SecureCRT 工具连接到该机器，执行图 2- 29 所示的命令，完成主题与皮肤的导出。

图 2- 29   执行命令

  配置文件导出完成。

2 .2.2   配置文件修改

  完成 “配置文件导出”操作后，使用 F lashFXP 查看时，右侧会多出一个 Out_Export.xml 文件，如图 2- 30 所示。

图 2- 30   查看文件

  选择 Out_Export.xml 并下载到本地，修改或添加图 2- 31 所示方框中的内容（放大后查看）。

图 2- 31   修改或添加内容

  修改完成后，保存。配置文件修改完成。

2 .2.3   配置文件导入

  配置文件修改完成后，通过 FlashFXP 上传至 目录， 并使用 SecureCRT 工具上传至服务器，如图 2- 32 所示。

图 2- 32   执行命令

  配置文件导入完成。

2 .3   主题与皮肤应用程序的应用

  进入 P ortal 首页的 “管理”中，单击左侧栏中的“主题和外表”，如图 2- 33 所示。

图 2- 33   主题和外表

  选择 “主题”列表中的主题名称，单击 ，如图 2- 34 所示。

图 2- 34   设置默认的门户网站主题

  设置成功后，单击右侧的 “编辑主题”，如图 2- 35 所示。

图 2- 35   编辑主题

  将左侧 “所有外观”列表中所需要的 Skin 添加到右侧列表中，并且选择一种外观，设置为默认值，如图 2- 36 所法。

图 2- 36   设置默认的外观

  单击 “确定”按钮，完成主题与皮肤的设置，如图 2- 37 所示。

图 2- 37   完成主题与皮肤的设置

  主题与皮肤样式应用成功。

2 .4   主题与皮肤修改文件的上传操作

（ 1 ）修改后的动态文件

通过 AnyClient 工具链接到 fs-type1 上，依次找到 “ /themes/wanhua.default.theme/ ”，将对应的文件上传到相应的文件目录下即可。

（ 2 ）修改后的静态文件

通过 EAR 打包上传到管理控制台即可。

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/9116427/viewspace-2221000/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/9116427/viewspace-2221000/