portal主题页面开发介绍

2020-03-27 16:06

您可能想知道如何将您门户网站上的徽标换成您公司的徽标。或者您想在门户网站上添加一个左侧导航窗格，或更改其背景颜色。通过了解 WebSphere Portal 用于显示门户页面的 JSP 流程以及这些 JSP 的内容，您可以创建或修改主题或皮肤，使您的门户网站看上去象您公司的 Web 站点。 ? 2003 International Business Machines Corporation. Allrights reserved. 引言

您可能想知道如何将您门户网站上的徽标换成您公司的徽标。或者您想在门户网站上添加一个左侧导航窗格，或更改其背景颜色。通过了解 WebSphere Portal 用于显示门户页面的 JSP 流程以及这些 JSP 的内容，您可以创建或修改主题或皮肤，使您的门户网站看上去象您公司的 Web 站点。

IBM WebSphere Portal Enable for Multiplatforms V4.2 使用不同的 Java Server Page（JSP）、级联样式表（Cascading Style Sheet，CSS）和图像来显示门户页面。它使用位于

C:\\WebSphere\\PortalServer\\app\\wps.ear\\wps.war 目录下 themes 、 skins 和 screens 目录中的 JSP 来构造门户页面。这些目录中的每一个都包含 html 、 wml 和 chtml 子目录，WebSphere Portal 将它们用于服务不同客户机，例如桌面浏览器和移动设备。

本文是一系列文章的第一篇，这一系列将讲解 WebSphere Portal 如何为通过 Internet Explorer（IE）访问 WebSphere Portal 的客户机使用缺省主题和缺省皮肤显示门户页面。对于所有其他的主题和皮肤，处理过程也是类似的。

本系列文章说明了:

? ? ? ?

用于显示门户页面的 JSP 流程

如何使用 engine.tld 中定义的 JSP 标记如何使用级联样式表（CSS）元素

如何使用属性文件显示门户网站标题和其它属性

本文描述了缺省主题定义的 Default.jsp 、 Head.jsp 和 ToolBarInclude.jsp 的内容和流程。 Default.jsp

所有屏幕聚集都从 Default.jsp 开始。用于缺省主题的 Default.jsp 位于

wp_root\\app\\wps.ear\\wps.war\\themes\\html 。这个 JSP 包含其它用于显示标题、工具栏的 JSP 以及用于往可用位置及页面植入内容的 JSP。在 Default.jsp 的末尾处， screenRender JSP 标记选择被请求的屏幕（例如 login 或 forgotpassword ）。图 1 演示了 Default.jsp 的流程。

图 1：Default.jsp 的流程

下面的讨论将带您了解 Default.jsp 的内容。当您阅读这些讨论时，您可能想要查看 Default.jsp 的清单。

1. Default.jsp 文件包含一个 JSP 标记库 engine.tld ，该库使用下列 URI：

<%@ taglib uri=\ 2.

3. 这一标记库提供了植入位置名称、页面以及在所要求的主题和皮肤定位图像所需的 JSP 标记。您需要了解

这一标记库以便定制您门户网站的外观和感觉。

4. 为获取门户网站的基本 URL 以及文档 URL，在 Default.jsp 中使用了 constants JSP 标记。这一元

素使得下列两个脚本变量可用于该页面。

o wpsBaseURL：用于获取门户网站 URL，例如 http://sukumar.ibm.com/wps/ 。使用此变

量可生成指向 wp_root\\app\\wps.ear\\wps.war 目录中资源的链接。

o wpsDocURL：用于生成指向门户网站帮助文件的链接。

5. html 内容的头部分通过包含 Head.jsp 而生成，该 Head.jsp 与 Default.jsp 在同一个目录下。本文

下一部分将描述 Head.jsp 。

6. 接下来， Default.jsp 包含 extension/PageBeginInclude.jsp 。这个 JSP 只包含用于

WebSphere Portal Enable 版的注释；其内容不在此处加以讨论。

7. 对于所有版本， Default.jsp 都包含下列三个 JSP。

o ToolBarInclude.jsp o PlaceBarInclude.jsp

o PageBarInclude.jsp

这些 JSP 与 Default.jsp 位于同一目录下。 ToolBarInclude.jsp 在本文中进行讨论。 PlaceBarInclude.jsp 和 PageBarInclude.jsp 文件将在下一篇文章中讨论。

8. 在包含了这些 JSP 页之后，定义下面的链接。

这个链接就定义在 screenRender JSP 标记前面。该链接是从 ToolbarInclude.jsp 引用，并包含一个隐藏的图像 dot.gif 。利用此链接，使用支持语音合成的浏览器（例如 Home Page Reader）收听页面内容的人，可以跳过导航链接直接收听页面上用户定制的 portlet 的内容。为满足可访问标准，需要此链接。 10. 这时，WebSphere Portal 使用 screenRender 标记开始处理来自当前页面上用户定制的 portlet 的内容。

该标记的执行将调用 skins 和 screens 目录中的 JSP。这些 JSP 的流程和内容将在后继文章中讨论。 11. Default.jsp 包含 extension/PageEndInclude.jsp 。这个 JSP 只包含用于 WebSphere Portal

Enable 版的注释；其内容不在这里讨论。

Head.jsp

Head.jsp 生成标题并嵌入指向样式表文件的链接。它还定义了支持 BIDI（双向）文本所需的变量。这个 JSP 的内容将在这里描述。当您阅读这些讨论时，您可能想要查看 Head.jsp 的清单。

? text JSP 标记使您可以读取由 bundle 属性指定的文件中的 key 属性定义的属性。下列代码从位于 C:\\WebSphere\\AppServer\\lib\\app\\nls 目录的 engine_en.properties 文件读取 title 属性，以便浏览器访问时以英语作为首选语言。要更改门户页面的 title ，请修改 engine_en.properties 文件。

<wps:text key=\ ? ? </p><p> </p><p>urlFindinTheme JSP 标记生成指向门户网站所使用的主题中资源的 URL 链接。下列代码生成指向由 file 属性指定的样式表的链接。 </p><p> <link href='<wps:urlFindInTheme file=\ type=\ <link href='<wps:urlFindInTheme file=\ type=\ ? </p><p>对于通过 IE 访问的英语使用环境，用于门户网站样式及帮助样式的文件都位于 wp_root\\app\\wps.ear\\wps.war\\themes\\html\\ie\\en 。 </p><p>每次修改过包含的 JSP，请务必保存 Default.jsp 。否则，门户网站将显示来自先前编译过的 JSP 中的内容。 ToolBarInclude.jsp </p><p>ToolBarInclude.jsp 显示公司徽标、欢迎消息以及为用户提供的链接工具栏。门户网站上显示什么样的链接工具栏取决于用户上下文。例如，登录的用户看到 Edit Layout、 Edit my profile和 Log Off之类的链接；而注销的用户看到 I forgot my password、 Log in和 Sign up之类的链接。图 2 显示某用户登录之后的门户网站。 </p><p>图 2：用户已经以 wpsadmin 的身份登录到门户网站 </p><p> </p><p>图 3 显示用户注销之后的门户网站。 </p><p> </p><p>图 3. 用户注销之后的门户网站 </p><p> </p><p>ToolbarInclude.jsp 文件显示两个表格行。第一行包含两列。第一列在左侧显示 logo.gif ，第二列在右侧显示链接工具栏。对于 BIDI 语言这两列的显示情况与此相反。 </p><p>第二行被用作工具栏和 PlaceBarInclude.jsp 显示的位置名称之间的分隔符。它显示使用 Styles.css 中指定的 wpsToolbar CSS 元素的背景颜色的条纹。该 JSP 的内容在此描述。当您阅读这些讨论时，您可能想要查看 ToolBarInclude.jsp 的清单。指定公司徽标 </p><p>公司徽标使用下列代码显示。 <img align=\ alt='<wps:text key=\ title='<wps:text key=\ src='<wps:urlFindInTheme file=\ </p><p>对于缺省主题， logo.gif 文件位于 wp_root\\app\\wps.ear\\wps.war\\themes\\html 目录下。通过替换 logo.gif 或将您公司的徽标复制到缺省主题的目录中并修改上述代码中的 file 属性，您就可以更改公司的徽标。 alt 属性的文本从 engine_en.properties 文件读取。链接到 </p><p>wpsMainContent </p><p>下列代码嵌入一个链接以满足可访问性标准。 <br /> <p><script type="text/javascript">s("content-m");</script></p> </div> <div class="m-pages"><li><a>共2页: </a></li><li><a href='#'>上一页</a></li><li class="thisclass"><a>1</a></li><li><a href='902798_2.html'>2</a></li><li><a href='902798_2.html'>下一页</a></li></div> <div class="down-word"> <div class="word-ico"></div> <div class="word-tit"> <span class="docx">portal主题页面开发介绍.doc</span> <span>将本文的Word文档下载到电脑</span> <span>下载失败或者文档不完整，请联系客服人员解决！ </span> </div> <div class="word-pic"><a href="javascript:;">下载这篇word文档</a></div> </div> </article> <div class="art-prenext"> <p>下一篇：<a href="/wenku/jiaoyu/902797.html">桃树各生育期病虫害防治技术 - 图文</a></p> </div> <script type="text/javascript">s("like-m");</script> <div class="main-tab"><a class="on" href="javascript:;">相关阅读</a></div> <div class="tab-box"> <ul class="main-new on clearfix"> <li><a href="/wenku/jiaoyu/1151876.html" title="中国石油大学(北京)远程在线考试答案—《油气">中国石油大学(北京)远程在线考试答案—《油气</a></li> <li><a href="/wenku/jiaoyu/1229519.html" title="中国移动网上大学传输设备PTN烽火L2题库">中国移动网上大学传输设备PTN烽火L2题库</a></li> <li><a href="/wenku/jiaoyu/1287270.html" title="苏教版三年级数学下册口算练习题竖式精选（两">苏教版三年级数学下册口算练习题竖式精选（两</a></li> <li><a href="/wenku/jiaoyu/1230553.html" title="2021年高考全国乙卷文科数学试题答案">2021年高考全国乙卷文科数学试题答案</a></li> <li><a href="/wenku/jiaoyu/1150887.html" title="2019年江苏五年制专转本英语统考真题">2019年江苏五年制专转本英语统考真题</a></li> <li><a href="/wenku/jiaoyu/938557.html" title="《统计学》复习题(3)">《统计学》复习题(3)</a></li> <li><a href="/wenku/jiaoyu/1131506.html" title="大型集团党建制度（包括三会一课、党员学习、">大型集团党建制度（包括三会一课、党员学习、</a></li> <li><a href="/wenku/jiaoyu/1053491.html" title="干燥机，润磨机设备操作维护规程">干燥机，润磨机设备操作维护规程</a></li> <li><a href="/wenku/jiaoyu/1144707.html" title="2006年中国药科大学有机化学考研专业课真题及">2006年中国药科大学有机化学考研专业课真题及</a></li> <li><a href="/wenku/jiaoyu/688148.html" title="夏季减肥打造小蛮腰">夏季减肥打造小蛮腰</a></li> </ul> </div> <div class="main-tab"><a class="on" href="javascript:;">本类排行</a></div> <div class="tab-box"> <ul class="main-new on clearfix"> <li><a href="/wenku/jiaoyu/1287711.html" title="2022最新数学教师工作总结方案多篇">2022最新数学教师工作总结方案多篇</a></li> <li><a href="/wenku/jiaoyu/1230558.html" title=" 2021高考全国甲卷文科数学试题及答案"> 2021高考全国甲卷文科数学试题及答案</a></li> <li><a href="/wenku/jiaoyu/1151861.html" title="中国石油大学(北京)远程在线考试答案—《安全">中国石油大学(北京)远程在线考试答案—《安全</a></li> <li><a href="/wenku/jiaoyu/1151866.html" title="石油大学《化工过程设备设计》主观题（单数）">石油大学《化工过程设备设计》主观题（单数）</a></li> <li><a href="/wenku/jiaoyu/1151863.html" title="中国石油大学(北京)远程在线考试答案—《催化">中国石油大学(北京)远程在线考试答案—《催化</a></li> <li><a href="/wenku/jiaoyu/1092360.html" title="石油大学远程在线考试《机械制造基础》试题答">石油大学远程在线考试《机械制造基础》试题答</a></li> <li><a href="/wenku/jiaoyu/666323.html" title="广西路网项目公路工程文件材料收集立卷归档实">广西路网项目公路工程文件材料收集立卷归档实</a></li> <li><a href="/wenku/jiaoyu/718492.html" title="六年级汉语拼音总复习题（新星小学）">六年级汉语拼音总复习题（新星小学）</a></li> <li><a href="/wenku/jiaoyu/1278950.html" title="最新苏教版三年级数学上册《间隔排列》易错题">最新苏教版三年级数学上册《间隔排列》易错题</a></li> <li><a href="/wenku/jiaoyu/1271665.html" title="部编版三年级语文上册基础知识练习（2021期末">部编版三年级语文上册基础知识练习（2021期末</a></li> </ul> </div> </div> <footer class="footer"> <p class="bt-links"><a href="https://m.77cn.com.cn">手机版</a><span class="v-line">|</span><a href="https://www.77cn.com.cn">PC版</a><span class="v-line">|</span><a href="https://m.77cn.com.cn/fww">范文大全</a></p> <p>Copyright © 2019-2022 免费范文网版权所有<br/> 声明 :本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。<br/>客服QQ：邮箱：tiandhx2@hotmail.com<br/> <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">苏ICP备16052595号-18</a> </p> <div style="display:none;"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e245478384fea490ec3a2317ee103ab"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </footer> <div class="theme-popover"> <div class="theme-poptit"> <a href="javascript:;" title="关闭" class="close">×</a> <b>注册会员免费下载</b>（下载后可以自由复制和排版） </div> <div class="theme-popbod dform">        <p class='wxpay'><a href='https://www.77cn.com.cn/user/index.php'>马上注册会员</a></p> <p class="downtxt">注：下载文档有可能“只有目录或者内容不全”等情况，请下载之前注意辨别，如果您已付费且无法下载或内容有问题，请联系我们协助你处理。<br>微信： QQ：</p> </div> </div> <div class="theme-popover-mask"></div> <script> //menu $(".header .menu").on("click", function(){ $("body").append("<div class=\"mask-bg menu-mask-bg\"></div>"); $(".menu-slide").show(); $("html,body").css({height:$(window).innerHeight(), overflow:"hidden"}); setTimeout(function(){ $(".menu-slide").css({transform:"translateX(-50px)"}); },50) }); $("body").on("click", ".menu-mask-bg", function(){ $(".menu-slide").css({transform:"translateX(-100%)"}); $(".menu-mask-bg").remove(); $("html,body").removeAttr("style"); setTimeout(function(){ $(".menu-slide").hide(); },300) }); //search $(".header .search").click(function(){ if($(".search-box").is(":hidden")){ $(this).children("i").removeClass("search-icon").addClass("close-icon"); $(".search-box").fadeIn("fast"); }else{ $(this).children("i").removeClass("close-icon").addClass("search-icon"); $(".search-box").fadeOut("fast"); } }); //nav if($(".nav").length > 0) { var nav = new Swiper(".nav",{ slidesPerView: "auto" }); } </script> <script> $(".pay1 img").click(function () { $(".wxpay").css("display", "block"); $(".alipay").css("display", "none"); $(".pay1 img").addClass("over"); $(".pay2 img").removeClass("over"); }); $(".pay2 img").click(function () { $(".wxpay").css("display", "none"); $(".alipay").css("display", "block"); $(".pay1 img").removeClass("over"); $(".pay2 img").addClass("over"); }); </script> <script type="text/javascript"> jQuery(document).ready(function($) { $('.word-pic a').click(function(){ $('.theme-popover-mask').fadeIn(100); $('.theme-popover').slideDown(200); $(".vip-up").hide(); $(".vip-pay").hide(); var downid = '902798' $('.wxpay a').click(function(){ var payurl = 'https://www.77cn.com.cn/hupipay/payment_pay_tz.php?payway=wx&aid='; payurl = payurl.replace('payment', 'youke'); var gotourl = payurl + downid location.href = gotourl; }); $('.alipay a').click(function(){ var payurl = 'https://www.77cn.com.cn/hupipay/payment_pay_tz.php?payway=ali&aid='; payurl = payurl.replace('payment', 'youke'); var gotourl = payurl + downid location.href = gotourl; }); }) $('.theme-poptit .close').click(function(){ $('.theme-popover-mask').fadeOut(100); $('.theme-popover').slideUp(200); }) }) </script> <script src="/js/gobacktop.js" type="text/javascript"></script> </body> </html>