作者·2010-10-25 13:56

IBM WebSphere Portal主题与皮肤开发教程（3）

字数 1327阅读 2911评论 0赞 3

<DIV>1.3  中级进阶：开发个性化的Portal主题</DIV>
<DIV><BR>1.3.1  理解各级菜单；</DIV>
<DIV><BR>Default.jsp调用PlaceBarInclude.jsp文件来显示一级菜单，如果一级菜单下面还有二级菜单，那么当您点击该一级菜单时，Default将调用PageBarInclude.jsp来显示二级菜单。当然，您也可以不调用该文件，那么系统将缺省调用Portlet的皮肤里面的LayerContainer.jsp文件，用来以三级菜单代替二级菜单，这就是个性化的左侧管理菜单。<BR>打开这两个文件，您会发现里面的内容非常简单。请看下面的清单：</DIV>
<DIV><a class="example-image-link" href="http://www.talkwithtrend.com/home/attachment/201010/25/8174_1287986196GY1w.gif" data-lightbox="example-set"><img class="example-image" src="http://www.talkwithtrend.com/home/attachment/201010/25/8174_1287986196GY1w.gif"   ></a><BR>首先由这样一个标签：<BR> <BR>意思是如果菜单是可用的，那么当您登录进去以后将执行如下操作。使用这句代码，必须引入Portal的标签库，具体的过程这里不再赘述。接下来绘制了一个表格，用来显示里面的操作。表格内的内容，下面将作介绍。<BR></DIV>
<DIV>菜单的左右协调：如果您一共定义了十几个一级菜单，而一栏只能显示8个，剩下的菜单怎么办？我们在这里放置了两个三角形的小图标，如果右边还有更多的菜单，小图标会自动出现，当您点击时，就会显示出剩余的菜单。  具体的代码是通用的，这里不再赘述。我们需要强调的是：菜单条在这里支划分为两种情况：一是选中的情况下，一是为选中的情况下，即：<BR><a class="example-image-link" href="http://www.talkwithtrend.com/home/attachment/201010/25/8174_1287986196Ooh1.jpg" data-lightbox="example-set"><img class="example-image" src="http://www.talkwithtrend.com/home/attachment/201010/25/8174_1287986196Ooh1.jpg"   ></a></DIV>
<DIV>例如：</DIV>
<DIV><a class="example-image-link" href="http://www.talkwithtrend.com/home/attachment/201010/25/8174_12879861968seX.jpg" data-lightbox="example-set"><img class="example-image" src="http://www.talkwithtrend.com/home/attachment/201010/25/8174_12879861968seX.jpg"   ></a><BR>我们首选添加一张背景图片，然后左侧放一张前缀，中间打印该菜单条的名字，后面又放一张图片做后缀，这样整个菜单条看起来就非常漂亮了。</DIV>
<DIV><BR>接下来是显示工具栏的情况下：<BR> <a class="example-image-link" href="http://www.talkwithtrend.com/home/attachment/201010/25/8174_12879861963399.jpg" data-lightbox="example-set"><img class="example-image" src="http://www.talkwithtrend.com/home/attachment/201010/25/8174_12879861963399.jpg"   ></a><BR>这里的操作将使具有权限的用户通过点击这张图片，直接编辑相应的portal页面。不过据笔者的开发经验，大部分的用户会隐藏掉这个入口，以免引起管理上的混乱，具体的开发内容将在以后的文章中提及，这里将不再详细介绍。</DIV>
<DIV><BR>最后的代码用来显示系统收藏夹：</DIV>
<DIV><BR>当您登录后，会发现在一级菜单的最右边多出一个“我的最爱”的东西，这是portal系统自带的收藏夹，您可以通过这个入口将自己喜欢的页面添加到您的收藏夹，然后您就可以通过点击这里直接进入到你收藏的页面了。 <BR> <BR>1.3.2  个性化工具栏</DIV>
<DIV><BR>要获得个性化的工具栏，您可以修改ToolBarInclude.jsp这个文件。这个文件提供了Portal管理员进到管理界面的入口。</DIV>
<DIV><BR>在这里你可以编辑自己的“概要文件”，就个人的用户信息，修改自己的姓名、密码等。更深一层的话，您可以在这里显示欢迎信息，例如张三同志登录后，会打印出：“欢迎您，张三同志！”的语句。要实现这个功能实际上非常简单，请看：<BR><a class="example-image-link" href="http://www.talkwithtrend.com/home/attachment/201010/25/8174_12879861961jqe.jpg" data-lightbox="example-set"><img class="example-image" src="http://www.talkwithtrend.com/home/attachment/201010/25/8174_12879861961jqe.jpg"   ></a></DIV>
<DIV>当然，您需要引入相应的标签库，具体的应用属于普通的jsp开发，您可以参照平常的开发经验去实现。</DIV>
<DIV><BR>1.3.3  个性化的管理标签</DIV>
<DIV><BR>所谓的个性化指的是，您可以删掉管理标签的一个或者多个，也可以根据喜好添加自己需要的标签。这需要您来修改AdminLinkBarInclude.jsp文件。例如：<BR>
<DIV class=uchome-message-pic><a class="example-image-link" href="http://www.talkwithtrend.com/home/attachment/201010/25/8174_1287986197m86c.jpg" data-lightbox="example-set"><img class="example-image" src="http://www.talkwithtrend.com/home/attachment/201010/25/8174_1287986197m86c.jpg"   ></a> 
<P></P></DIV>这段代码用来显示“新建页面”的管理标签，通过电机这个标签，您可以为当前页面创建一个子页面。同理，您可以个性化“编辑页面”和“分配页面权限”，当然，您也可以之间隐藏掉这个入口。</DIV>

IBM WebSphere 教程中间件 portal

著作权归作者所有

如果觉得我的文章对您有用，请点赞。您的支持将鼓励我继续创作！

添加新评论0 条评论

Ctrl+Enter 发表

匿名评论

IBM WebSphere Portal主题与皮肤开发教程（3）

添加新评论0 条评论

作者其他文章

相关文章

相关问题

相关资料