基於Liferay的平台下，portlet在各個模式下分別載入以<footer-portlet-javas

引入：

項目組問我，如果一個Portlet有多個模式比如我們以前開發的某portlet同時有view模式和config模式），而我們前端用的extjs mvc的架構，並且主檔案是main.js，這個main.js是用以下的<footer-portlet-javascript>定義在liferay-portlet.xml中，如下：

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/11140J4b-0.png" title="31.png" alt="091752436.png" />

那麼可能不可能讓view.jspview模式的分頁檔）和config.jsp(config模式的分頁檔）分別載入2次main.js而不是共用同一個 main.js呢？

分析：

我仔細研究了一下，發現這是不可能做到的，以下是理由和我的想法。

首先，對於我們在iferay-portlet.xml中以這種方式定義的載入js檔案，最終會被Liferay架構的PortletLocalServiceImpl的第1549-1551 行讀取並且處理。

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/11140H620-1.png" title="32.png" alt="093259799.png" />

換句話說，我們這些所有的<footer-portlet-javascript>的配置，都會被架構讀取並且加入到footerPortletJavaScriptList列表中。

那麼這些列表中的js檔案如何被使用呢？閱讀Liferay源碼，我們找到了，它原來在bottom_portlet_resources_js.jspf檔案中，見第33行：

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/11140G2T-2.png" title="33.png" alt="093422257.png" />

可以發現，它會讀取剛才的footerPortletJavaScriptList,然後吧所有的資源檔路徑解析為絕對路徑，然後分別用<script src>的方式引入。

而bottom_portlet_resource_js.jspf中會被bottom.jsp引入：

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/11140G947-3.png" title="34.png" alt="093520426.png" />

而bottom.jsp會在init.vm中364行被存入一個vm變數叫$bottom_include中：

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/11140M314-4.png" title="35.png" alt="093603252.png" />

而$bottom_include會在我們的theme中的portal_normal.vm中65行被引入：

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/11140G0T-5.png" title="36.png" alt="093639932.png" />

總結：

因為我們一定會使用theme,無論使用預設的還是我們自訂的比如本例的platform_theme,不管哪一個，其中必定會包含portal_normal.vm,它會包含bottom.jsp，進而包含bottom_portlet_resources_js.jspf。

而這個jspf頁幀則包含了所有以footer-portlet-javascript形式給出的js資源檔。因為我們這個portal_normal.vm是項目架構層級的，所以只會解析一次，並且所有的頁面都在這個架構中。

這就是為什麼js資源只會載入一次的原因，而且無論是iframe,或者額外彈出頁面，都在這個架構中，所以都會讀到這些js檔案，並且是相同的js檔案。

從這個意義上說，我們讓其分別引入js檔案，並且都是main.js檔案，並且都以footer-portlet-javascript給出的是不可行的，除非，這個js檔案不定義在liferay-portlet.xml的<footer-portlet-javascript>元素中。

本文出自 “平行線的凝聚” 部落格，請務必保留此出處http://supercharles888.blog.51cto.com/609344/1302437