1.前言

一般情况下虚拟菜单集成方式：先创建虚拟菜单节点，然后配置虚拟菜单的数据URL，同时指定显示页面，在显示页面中添加虚拟IframePortlet。而且：通常情况虚拟菜单是要依赖CAS认证的。

在本文中虚拟菜单集成方式，不依赖CAS认证，而是依赖于表单认证模式。主要区别是在于，显示页面配置的不再是虚拟IframePortlet，而是配置SSO界面集成Portlet （SSORedirectPortlet），具体如下。

2.虚拟菜单配置

2.1 流程机制说明

虚拟菜单配置包括虚拟菜单目录及显示页面的创建、页面虚拟IframePortlet配置、JSON数据配置。虚拟菜单不同于普通菜单，用户在点击虚拟菜单中的菜单节点时，虚拟菜单会得到对应的ID，根据ID到JSON中找到对应的功能URL，在显示页面的虚拟Iframe中显示相应内容。这样就实现了页面内容的动态显示。

2.2 虚拟菜单及显示页面创建

进入门户管理控制台，默认会进入导航管理，选择需要添加菜单集成的门户，进入导航菜单，如下图。

点击新增菜单，弹出“新建虚拟菜单”对话框，如下：

编码和名称可根据需要自己设定，本例中设置为“VirtualMenu”和“虚拟菜单”，填写完后，点击保存按钮。

然后创建虚拟菜单显示页面。在门户节点下点击新增页面，弹出“新建菜单页面”对话框，如下：

编码和名称同样可以根据需要填写，本例中填写为“ShowPage”和“虚拟菜单显示页面”，由于该页面通过虚拟菜单进入，不适合在门户首页显示，所以“是否可见”项选择“隐藏”，然后保存。

将该页面的编码复制到虚拟菜单基本信息页的“显示页面”处，如下图:

点击保存。至此，虚拟菜单及其显示页面的创建已完成。

2.3 虚拟菜单json数据配置

选择“数据模板”-“静态数据”-“新建”，弹出新建静态数据模板页面如下：

类型选择JSON数据，编码和名称分别填写为“json”和“JSON数据编辑”，然后保存。

双击刚刚创建好的JSON数据模板，在弹出的内容编辑框中填入以下内容：

{"menus":[{"id":"25D8F5FF-E19F-4684-B668-94B7172DF636","text":"系统资源","url":"","height":"","menus":[{"id":"4BF8A7B3-508B-4050-BDC8-5B54EE643123","text":"数据库模板","url":"http:\/\/localhost:9090\/SMC\/index?DbTemplateManageList","height":"480"},{"id":"50AA3B1F-6926-4F28-A57E-BBF6FDD5749D","text":"数据库资源","url":"http:\/\/localhost:9090\/SMC\/index?DbResourceManageList","height":"500"}]},{"id":"6F544C9F-FC82-4D3E-B3FE-AA5873294A1B","text":"系统编码","url":"","height":"","menus":[{"id":"B41B4270-BDE2-459A-90BA-4783E0632DAA","text":"编码类型","url":"http:\/\/localhost:9090\/SMC\/index?CodeTypeManageList","height":"500"}]}]

上边JSON中的菜单是集成ESB管理控制台中的功能菜单，在实际使用中需要根据自己的需要调整成要集成到门户中的系统的菜单。菜单属性配置要符合给定样例的规范，需要配置菜单ID、显示文本、功能url等。如果感兴趣的话可以自己了解一下JSON数据格式，在此不作赘述。

填完后，“Ctrl+S”保存。然后选中这个JSON模板，选择编辑，如下：