IBM Websphere Portal theme and skin development

2010-07-03  来源:本站原创  分类:Java  人气:338 

Introduction:

Portal theme and skin development tell the truth or common jsp development, but heavy use ibm's own tag library, develop them seem too much trouble. However, if you deep insight with the theme, skin-related calls this relationship between the number of documents, to use a can with ease. Here is the author of the item from the experience of a large number of points summed up experience and contribute in the hope that with a large share.

Tired to read meaning excellent break under, QQ space, the U.S. text, non-mainstream, online diary, Funny SMS, SMS wishes, popular text messaging, fun ah

In this article I would like to introduce the following aspects websphere portal theme and skin development:

1, Basic Introduction: What is the Portal theme and skin development?

2, intermediate development: how to replace the Portal system, logo icon;

3, intermediate, Advanced: Developing the theme of personalization;

4, Advanced Exploration: Development of adaptive resolution of the theme and skin;

5, master blows: Change the login Portal system;

6, Portal development profile of the skin.

First, the primary entry: Portal theme and skin development:

To learn how to develop portal theme, we must first understand the websphere portal display process. IBM WebSphere Portal to use a different Java Server Page (JSP), Cascading Style Sheets (Cascading Style Sheet, CSS) and images to display the portal page. It is used in the X: \ WebSphere \ AppServer \ installedApps \ YourComputerName \ wps.ear \ wps.war directory themes, skins, and screens directory to construct the portal JSP page. Each of these directories contains html, wml and chtml subdirectories, WebSphere Portal will use them for different services to clients, such as desktop browsers and mobile devices. We here in the usual way to use the html under the theme of development, for example, introduced the theme of Portal development.

JSP used to display the portal page flow: This article describes the default theme defined Default.jsp, Head.jsp, AdminLinkBarInclude.jsp, ToolBarInclude.jsp, PlaceBarInclude.jsp, PageBarInclude.js and extending out PageBeginInclude.jsp, PageEndInclude. jsp content and process. The following brief these jsp. Note: This section is the most junior of the development, you have to make sense of these presentations, you must have a certain basic jsp, css base and tag base is best done with development.
1, Default.jsp:

All screens are from the Default.jsp start gathering. For the default theme Default.jsp in wp_root \ app \ wps.ear \ wps.war \ themes \ html. The JSP contains the other is used to display title, company logo, JSP, and the toolbar can be used to implant position and page content JSP. At the end of the Default.jsp, screenRender JSP tag select the requested screen (such as login or forgotpassword). The following description of the jsp is called in this order respectively.
2, Head.jsp

Head.jsp generate title and embedded links pointing to style sheet files. It also defines support for BIDI (bidirectional) text required variables. The contents of JSP will be described here. You can also <title> </ title> will die here, the title of portal sites, which IBM announced more than a way to label written to the easier and easier to use. If you have developed sets of themes, and this sets the theme of the page title, if the same words (except for virtual portals, the general is like this), you can put several files into the themes / html root directory, other topics The default.jsp have to call the file on it.

3, AdminLinkBarInclude.jsp

AdminLinkBarInclude.jsp mainly used to display the "New Page", "Edit Page", "distribution license page" three tab
4, ToolBarInclude.jsp

ToolBarInclude.jsp displays a welcome message and provides users with links to the toolbar. Portal What links displayed on the toolbar depending on user context. For example, the logged in user to see the "My Portal", "management" (to make the administrator can see), "Edit my 'profile'," "off" and other like links; the cancellation of the users to see " Forgot your password "," login "," help "like the link.
5, PlaceBarInclude.jsp

PlaceBarInclude.jsp used to display a menu, that is, "Home," "Document Manager", "Company Overview", "Business Profile", etc., are top-level directory, you at any level, are available through the menu " New Page "to create a secondary menu, you create the content will be stored in the database (the original use of the cloundscape), you can put it into the db2, oracle, etc. to any database supported by a portal, this content In my next article in detail, I will not mention one by one.

6, PageBarInclude.jsp

Used to display two menu when you click a menu in any of the tags, the system will call the file, and retrieve all the sub-menu of the menu, the default display in PlaceBar below.

Second, intermediate development: how to replace the Portal system, logo icon;
1, Default.jsp works:

We look at this example, Default.jsp Portal system will probably be the default page into a table:

Table -1: Default.jsp overall effect is called

PageBegin: page generation ago used to display the prompt text, such as: Portal system is loading, please wait ... ...

Portal system main components: the Portal page to display the details;

PageEnd.jsp used to show what the page is produced. For example, companies and other copyright information.

Table -2: Portal system calls the body of relationship:

Logo part, in default call

My portal menu, call in the ToolBar

Personalized menu, call in AdminLink

Portal of the Body part of each portlet to display and high-level 3 menu.

The end of the page, to display the company's copyright information.

2, for a logo:

Open Default.jsp, you will open to a table, in the form of the upper-left corner, there is such a statement, the default theme to display the Logo logo:

<Td width = "100%" valign = "top" align ="<%= bidiAlignLeft%> "nowrap>

<Img align = "absmiddle" alt = '<wps:text key="title" bundle="nls.engine"> Portal Title </ wps: text>' title = '<wps: text key = "title" bundle = "nls.engine" /> 'src =' <wps:urlFindInTheme file="logo.gif"/> '>

<a href="#wpsMainContent"> <img width = "1" height = "1" border = "0" src ='<%= wpsBaseURL%> / images / dot.gif 'alt =' <wps: text key = "link.skiptocontent" bundle = "nls.engine" /> 'title =' <wps:text key="link.skiptocontent" bundle="nls.engine"/> '>

</ A>

</ Td>

As already introduced, the Portal system is divided into pages by the Default.jsp a large table, to display or call a different jsp. We are in the most upper left corner of this great form of a <td>, to display the company logo. This statement is that within the cell to insert a picture, called Logo.gif.

Understand? You can name this file renamed any of you want to insert a picture of the name, just this picture into .war / images / directory on it. Here to support virtually all image formats, you can put any size, location, etc. You have the final say. Here, you may have thought: Well, I insert a Flash support it? Do not worry, the following will be referred.
3, using flash as logo:

Using Flash for the logo is a good note, it can make your portal look rich, lively number. However, Flash, that is. Swf file format is not directly inserted through this way, because our browsers can not recognize it. To insert an animation, we must develop the appropriate drive location. You can use the following code for it and generate:

<td width="510" border="0" cellpadding="0" cellspacing="0" height="81" valign="middle" align="left">

<Object classid = "clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" codebase = "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab # version = 5,0,0, 0 "width =" 510 "height =" 81 ">

<Param name = movie value ="<%= wpsBaseURL%> / images / firstpagelogo.swf ">

<param name=quality value=high>

<Embed src = "firstpagelogo.swf" quality = high pluginspage = "http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type = "application / x-shockwave-flash" width = "510" height = "81">

</ Embed>

</ Object>

</ Td>

Insert name here in a video made for the firstpagelogo.swf company logo, his size is 510 * 81, set the movie file on .war / images directory, restart the server to see if your home page, is not already there?

3, intermediate, Advanced: development of personalized Portal Theme
1, understanding, development at all levels of the menu;

Default.jsp call PlaceBarInclude.jsp file to display a menu, if a menu, there are two menu below, then when you click the one menu is, Default will call PageBarInclude.jsp to display the secondary menu. Of course, you can no longer call the file, then the system will default skin called Portlet inside LayerContainer.jsp file, used to replace the 2 menu 3 menu, this is the personalized management of the menu to the left.

Open both files, you will find that the content is very simple. Consider the following list:

l First of all, by such a tag:

<wps:if navigationAvailable="yes" screen="Home,LoggedIn,LoggedOut">

I mean, the menu is available, then when you log into the future will do the following. Use this code, must introduce Portal tag library, the specific process will not go into here. Next, draw a table to display inside the operation. Form the content presented below.

l coordination around the menu: If you define a total of a dozen a menu, and a bar can only display 8, how do the rest of the menu? Here we placed a small icon of two triangles, if the right side there are more menu, small icons will automatically appear when you click, they will show the remaining menu. Specific code is generic, not repeat them here. We need to emphasize: the menu bar where support is divided into two situations: First, the case is selected, one for the selected case, namely:

<wps:if nodeInSelectionPath="yes">

<table> here to select the menu to display the menu bar under the display. </ Table>

</ Wps: if>

<wps:if nodeInSelectionPath="no">

<table> here to display the menu is not selected under the menu bar is displayed. </ Table>

</ Wps: if>

For example:

<Td Background ="<%= wpsBaseURL%> / images/title_back01.jpg "height =" 30 ">

<Img border = "0" src ='<%= wpsBaseURL%> / images/b01.jpg 'alt = "">

<A href ='<%= wpsNavModelUtil.createSelectionChangeURL (wpsNavNode )%>'>

<% = Com.ibm.wps.model.LocaleHelper.getTitle ((com.ibm.portal.Localized) wpsNavNode, com.ibm.wps.engine.RunData.from (pageContext.getRequest ()). GetLocale ())% >

</ A>

<Img border = "0" src ='<%= wpsBaseURL%> / images/b01.jpg 'alt = "">

</ Td>

We preferred to add a background image, and then put a prefix on the left, middle to print the name of the menu bar, then put a picture behind the make suffix, so the whole menu bar looks very beautiful.

相关文章
  • IBM Websphere Portal theme and skin development 2010-07-03

    Introduction: Portal theme and skin development tell the truth or common jsp development, but heavy use ibm's own tag library, develop them seem too much trouble. However, if you deep insight with the theme, skin-related calls this relationship betwe

  • IBM WebSphere Portal 6.1 project implementation and development. Configuration tips 2011-08-31

    Reference: http://bbs.langsin.com/thread-56115-1-1.html IBM WebSphere Portal 6.1 project implementation and development, configuration tips Collection 1.1 Change the default login options Portal 1.1.1 Description of the problem log Portal6.1 successf

  • IBM WebSphere Portal v8.5独立服务器(Linux)数据库迁移_DB2版本 2015-01-25

    初始安装完成的WebSphere Portal v8.5默认提供了derby数据库支持,为了获得更好的性能需要将原有derby数据库中的数据迁移至专业数据库产品中,目前WPS支持Oracle.DB2.MS SQL Server等数据库,本次数据库迁移演示使用的是DB2 v9.7数据库. 1.WebSphere配置向导说明 新版本的WebSphere Portal v8.5提供了基于Web图形界面的配置向导,通过此向导可以进行独立服务器.集群环境的数据库迁移.服务器迁移.启用安全性等操作:相比以往

  • ibm websphere portal automatically shut down, the problem is not normal 2011-09-07

    Environment: windows 2003 IBM was portal oracle rad And colleagues as well as another unit because engineers often use the test server, all using the same administrator, Sometimes while logged into, and have to log out when some chose to write-off, a

  • Portal web-building programs for development of 2009-11-01

    What is Portal (portal)? The composition of the Portal can be divided into three parts (1) Portal Server (2) Portlet Container (3) Portlet 1) Portal Server Definition 1 Portal (portal) refers to a Web-based systems, usually provide personalized setti

  • Portal Theme Deployment 2008-09-19

    The deployment of custom themes and appearance http://publib.boulder.ibm.com/infocenter/wpdoc/v6r0/index.jsp?topic=/com.ibm.wp.exp.doc/wps/dgn_dpycst.html Because the theme and appearance of JSP as the primary IBM ® WebSphere ® Portal Express enterpr

  • 武汉竟升公司 WebSphere Portal 内容管理升级实施方案 2012-03-09

    1 客户环境 4 2 升级步骤 4 3 准备工作 5 3.1 WPS5机器 5 3.1.1 验证数据库连接是否正确 5 3.1.2 准备迁移工具的 Fix 5 3.2 WPS6机器 6 3.2.1 安装 Portal6.0.1.3+WCM 6 3.2.2 迁移数据库 +启用安全性 6 3.2.3 获取相关管理员账号 7 3.2.4 修改 HTTP Server 的超时时间 7 3.2.5 收集 WPS5必要的文件,便于从 WPS6访问 WPS5 7 3.2.6 确认所有已经发布的 Portlet

  • 通向架构师的道路(第十五天)IBM Websphere的安装与优化 2015-01-14

    一.IBMWebsphere 02年开始接触EJB1.x时,当时有一本巨肥厚无比的书叫作"ejb从入门到精通(master ejb2.0)",红皮的,wrox公司出版的.该书带有1张光盘,光盘里有3个App Server. 1. Jboss2.2.1 2. Weblogic6.1 3. IBM Websphere ApplicationServer5.x 从那时起开始知道,哦,原来这3大厂商是做j2ee容器的.果然,时至今日这三大容器还是处于世界上无可争议的地位. 因此,我们前面讲了t

  • WAS Portal Theme Development And Configuration 2009-06-04

    Let us first introduce the theme and appearance of the development of basic ideas, and then start with IBM, where the theme is generated to modify the basic theme of our own and appearance, concluded that how to transform this custom themes and appea

  • In the WebSphere Portal administrative user called PUMA SPI. Group 2010-08-01

    In the Portal development, need to get the user experience, group information, you need to call the PUMA SPI (Portal User Management Architecture System programming interface) of the. PUMA SPI system provides access to current and any user, group pro

  • websphere portal data compilation (Reprinted) 2010-09-01

    websphere portal documentation 1.Webpshere use problem-solving http://blog.csdn.net/eye_of_back/category/194423.aspx 2.portal v6 Information Center http://publib.boulder.ibm.com/infocenter/iadthelp/v7r0/index.jsp?topic=/com.ibm.etools.rad.migration.d

  • python access to IBM WebSphere MQ queue problems 2011-08-15

    Has recently been busy an automated system project, the project for the CS structure, involving more than twenty service program. According to user needs, these services need to use operation and maintenance procedures are unified management system,

  • WebSphere Portal 2008-09-06

    WebSphere Portal 网站 : http://www.ibm.com/software/info/websphere/r/portal WebSphere Portal 是一个框架--包括运行时服务器.服务.工具和许多其他特性--您可以使用这些特性将企业集成到单个称为门户 的可自定义界面中.企业门户将各种来源的组件.应用程序.流程和内容组合到统一的表示界面中,用户可以从广泛的设备访问该表示界面. 可以根据用户或工作角色.安全需要.设备设置.个人首选项和管理设置来自定义门户.还可以定义

  • IBM WebSphere Integration Developer Chinese to English 2010-03-09

    IBM WebSphere Integration Developer to English Chinese way: Start - Programs - Integration Developer V6.0.2--IBM WebSphere Integration Developer V6.0.2, right attributes - Shortcut - target, then add in "- nl en_US "can. as shown:

  • IBM WebSphere WebSphere Extended Deployment 2010-04-06

    Welcome to the WebSphere Extended Deployment, Version 6.1Information Center http://publib.boulder.ibm.com/infocenter/wxdinfo/v6r1/index.jsp?topic=/com.ibm.websphere.gridmgr.doc/info/scheduler/ccgtws.html WebSphere Extended Deployment Version 6.1 Welc

  • IBM WebSphere Help System 2010-04-09

    IBM WebSphere Help System http://publib.boulder.ibm.com/infocenter/rtnlhelp/v6r0m0/index.jsp

  • WebSphere Portal's System.out the garbage problem. 2010-07-16

    Because the work required to set my computer language is English, but occasionally want to go to QQ or something, probably because the software code is not utf-8, always garbled, so I was in the "Regional Language Settings" in the non utf-8 lang

  • ibm websphere Online Help 2010-11-06

    http://publib.boulder.ibm.com/infocenter/wasinfo/v6r1/index.jsp?topic=/com.ibm.websphere.nd.doc/info/ae/ae/rwbs_assembpropclient.html

  • appServer IBM WebSphere 7 2011-03-18

    How to automatically kill the WebSphere JAVA process: [Wasuser @ B2Cmonitor bin] $ ps-ef | grep java wasuser 22005 1 85 16:36 pts / 3 00:00:34 / opt / IBM / WebSphere / AppServer / java / bin / java-Declipse.security-Dwas.status.socket = 39623-Dosgi.

  • IBM WebSphere源代码暴露漏洞 2014-07-28

    bugtraq id 1500 class Access Validation Error cve GENERIC-MAP-NOMATCH remote Yes local Yes published July 24, 2000 updated July 24, 2000 vulnerable IBM Websphere Application Server 3.0.21 - Sun Solaris 8.0 - Microsoft Windows NT 4.0 - Linux kernel 2.