java - 左侧导航菜单 :Liferay 6. 2

Question

我正在将当前的网络应用程序迁移到liferay。我需要根据我的应用程序自定义左侧导航栏。 例如我有左侧垂直导航菜单，其中的项目如下

首页
公司信息
收入详情

当单击每个菜单项时，将在右侧内容 Pane 中打开单独的 portlet。例如，公司信息应该转到我创建的自定义公司 portlet。

您能帮我了解如何在 Liferay 6.2 中实现这一目标吗？谢谢。

Answer 1

1. 如果您想使用左侧导航栏显示部署在页面上的 portlet，则可以使用 Panel Pages 。在此页面上搜索“面板页面”部分。
2. 如果您希望 Liferay 页面导航本身作为垂直条而不是水平条，那么您可以创建主题来设置导航样式。 navigation.vm 是您要查找的文件。

根据 comment下面是我的建议:

建议一

1. 使用 30-70 布局。
2. 在 70 边(右侧)，您可以将所有 portlet 依次放置。
3. 在 30 侧(左侧)您可以放置​​一个 Web 内容显示 portlet。
4. 因此，在 Web 内容显示 portlet 中，您可以在编辑器中使用 Source 选项卡包含 javascript/css/html，作为 portlet 的可点击链接。
5. 有多种 JavaScript 库可用于在点击链接时提供滚动效果。

建议二

1. 这也是类似的建议，至少概念是一样的。
2. 唯一的区别是，您可以拥有自定义布局，其中网页内容已嵌入到布局中，并且还可以在布局中编写库和 JavaScript。

建议三

1. 如果您想要自动左侧导航 Pane ，即当页面加载时，它具有 portlet 名称并链接到右侧的 portlet，无需手动干预。
2. 这需要在布局内进行大量编码。
3. 您可以使用different variables available in the layout查找页面上的 portlet 并创建链接。
4. 在布局中有一个左侧部分并填充 (3) 中找到的链接，右侧将像往常一样。

---

当从“配置”选项卡的“外观和感觉”选项卡单击 Web 内容中的特定链接时，您可以利用 portlet-Id 或 css 类滚动到它们，如下所示:

希望这有帮助。