ITPub博客

首页 > 架构设计 > 软件结构 > WebSphere Portal 7.0的主题与皮肤部署方法

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

原创 软件结构 作者:zhengwenping 时间:2018-11-21 17:48:51 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 ;添加 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/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
郑文平,专职从事企业门户(Portal)的咨询、实施、管理、问题诊断、性能调优等超过15年时间,拥有50多个门户项目经验。著有全球唯一一本辅导企业门户项目实施的书籍 《企业门户(Portal)项目实施方略与开发指南》(电子工业出版社,2013年),亦擅长互联网产品的规划设计。

注册时间:2018-11-07

  • 博文量
    24
  • 访问量
    38764