Liferay Spring MVC portlet导入多个.js文件

Liferay-Spring MVC portlet importing multiple .js files

本文关键字：js 文件 导入 Spring MVC portlet Liferay      更新时间：2023-09-26

我正在移植我的Spring MVC Servlet应用程序，以便与Liferay中的部署兼容。我正在将应用程序转换为Spring MVC portlet。我的应用程序使用html+javascript作为前端。我现在无法在我的index.html中导入.js或.css文件，因为相对URL不起作用。在这方面有什么帮助吗？

如果您在liferay-portlet.xml文件中提供javascript和css文件的位置，那么它将被自动添加。您不必显式地将相同的内容添加到您的html/jsp文件中。

在您的liferay-portlet.xml中，请使用正确的文件路径添加以下属性。

<header-portlet-css>/css/main.css</header-portlet-css>
<header-portlet-javascript>/js/main.js</header-portlet-javascript>

此外，如果你想访问任何静态资源，如图像或其他任何东西，你可以使用这样的路径

<img src='<%=request.getContextPath()%>/images/gear.png' class='settings' />

其中的结构类似于

-portlet---docroot------图像--------gear.png

您的引用是相对于web应用程序上下文引用的，通常是门户ROOT上下文，在本例中包括portlet实例和一些其他依赖结构（相关的LR主题），而不是您假设的portlet（应用程序）上下文。因此，解决方案是使用门户实例特定的全局变量，该变量的前缀位于路径定义前面。为了实现这一点，您必须在呈现HTML页面内容之前构造此路径。这通常是使用一些Liferay实用程序类来实现的，例如在JSP的情况下：

<link href="<%= PortalUtil.getStaticResourceURL(request, request.getContextPath() + "/css.jsp", portlet.getTimestamp()) %>"

显然，如果您没有像JSP这样的服务器端脚本（BTW，我认为这不是一个好主意），那么您必须使用其他Java层工具来解决这个问题，以便在浏览器呈现HTML之前将其写入HTML。

相关文章：