Liferay 如何加入自定义的js库文件

简介:

 在Liferay中,如果我们要让服务器上使用自己的js库(比如ext-js库)而不是使用默认的aui库,可以按照下面的步骤做:

 

(1)放置库文件

我们到$liferay_home/tomcat-7.0.23/webapps/ROOT/html/js 目录下建一个目录叫extjs,然后把ext-all.js复制进去。

(2) 在$liferay_home目录下创建portal-ext.properties ,然后从portal-impl.jar 包中的portal.properties中吧javascript.barebone.files 这个属性以及所有的文件集合复制进去。然后在文件集合的第一行添加我们要包含的ext-js库文件:如下所示:

 
 
  1. javascript.barebone.files=\ 
  2.         # 
  3.         # ext-js 
  4.         # 
  5.         \ 
  6.         extjs/ext-all.js,\ 
  7.         \ 
  8.         # 
  9.         # YUI core 
  10.         # 
  11.         \ 
  12.         aui/yui/yui.js,\ 
  13.         \ 
  14.         # 
  15.         # YUI modules 
  16.         # 
  17.         \ 
  18.         aui/anim-base/anim-base.js,\ 
  19.         aui/anim-color/anim-color.js,\ 
  20.  
  21. ...(都是从portal.properties中复制过来的) 

我们要添加的部分见我用黄色highlight的部分,就是加载我们需要的库文件。

(3)在$liferay_home/portal-ext.properties中,我们把

javascript.fast.load设为false,这样做的好处是不会产生被yuicompressor压缩后的单独js文件(barebone.jsp或者everything.jsp),而是显示所有没有被压缩过的文件:

 
 
  1. javascript.fast.load=false 

 

大功告成,现在我们打开浏览器,访问主页,打开F12,在资源视图中就可以看到我们需要的ext-all.js被正确的加载进来了:





本文转自 charles_wang888 51CTO博客,原文链接:http://blog.51cto.com/supercharles888/909713,如需转载请自行联系原作者

目录
相关文章
|
12天前
|
前端开发 JavaScript
使用JavaScript实现复杂功能:构建一个自定义的拖拽功能
使用JavaScript实现复杂功能:构建一个自定义的拖拽功能
|
14天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
16 0
|
1月前
|
JavaScript
uni-app中关于格式化时间的js文件
uni-app中关于格式化时间的js文件
32 0
|
2月前
|
JavaScript 前端开发 内存技术
js文件的入口代码及需要入口代码的原因
js文件的入口代码及需要入口代码的原因
|
3月前
|
XML JSON JavaScript
|
3月前
|
存储 JavaScript 前端开发
只使用简单的 JavaScript 创建文件共享型网站
只使用简单的 JavaScript 创建文件共享型网站
39 0
只使用简单的 JavaScript 创建文件共享型网站
|
2天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
7 0
|
1月前
|
JSON JavaScript 前端开发
vue项目使用Print.js插件实现PDF文件打印
vue项目使用Print.js插件实现PDF文件打印
41 0
|
2月前
|
数据采集 机器学习/深度学习 JavaScript
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
51 0
|
3月前
|
存储 JavaScript 前端开发
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
60 0