乐虎游戏|乐虎国际登录|欢迎你

计算机:J2EE后台UI系统框架搭建-EXTJs使用(4.1 GPL版本卡塔尔

日期:2019-11-07编辑作者:计算机资讯

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

一、文件结构
在ExtJS官网下载好4.0的开发包解压后,我们得到如图的文件结构    

(1)放置库文件

********************************************************************************

文件/文件夹名
作用
计算机,builds  压缩后的ExtJS代码,体积更小,更快
docs  开发文档
examples  官方演示示例
locale  多国语言资源文件
pkgs  ExtJS各部分功能的打包文件
resource  ExtJS所需要的CSS与图片文件
src  未压缩的源代码目录
bootstarp.js  ExtJS库引导文件,可通过参数自动切换ext-all.js与ext-all-debug.js
ext-all.js  ExtJS核心库,需要引用
ext-all-debug.js  ExtJS核心库的调试版,调试时使用
注:EXTJS文件的区别:
ext-all.js:包含所有的EXTJS框架文件,已经混淆
ext-all-debug.js:包含所有的EXTJS框架文件,没有混淆
ext-all-dev.js:包含所有的EXTJS框架文件,没有混淆,且包含调试信息
ext.js:仅包含能让EXTJS运行的最小集合,已经混淆
ext-debug.js:仅包含能让EXTJS运行的最小集合,没有混淆
ext-dev.js:仅包含能让EXTJS运行的最小集合,没有混淆,且包含调试信息
bootstrap.js:自动加载ext-all.js或者ext-all-debug.js,在以下情况下会加载ext-all-debug.js
1.当前主机名是本地
2.当前主机是使用IPV4地址
3.Current protocol is a file(不好意思,我不知道怎么翻译,请会的朋友说一下)
4.其他情况下自动加载ext-all.js

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

整理如原文地址:

 

计算机 1

 

我们在进行Ext开发的时候只需将ext-all.js、ext-all-debug.js、bootstarp.js和locale文件夹里的ext-lang-zh_CN.js以及resource整个文件夹拷入项目的ExtJs4(名字随便起)文件夹里。
二、页面引用
1.引入Ext的ExtJs4/resources/css/ext-all.css,不解释
2.引入ExtJS的核心库ExtJs4/ext-all.js或者ExtJs4/ext-all-debug.js,不解释
3.引入自己写的实现本页面功能的JS.

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

1.从

作者:junmoxie

javascript.barebone.files=          #         # ext-js         #                  extjs/ext-all.js,                  #         # YUI core         #                  aui/yui/yui.js,                  #         # YUI modules         #                  aui/anim-base/anim-base.js,         aui/anim-color/anim-color.js,  ...(都是从portal.properties中复制过来的) 

下载最新的EXTJS框架文件,最像的版本为EXT-4.0.7-GPL,此版本在IE7/IE8下面运行效率不高,在EXT-4.1中会解决。

在ExtJS官网下载好4.0的开发包解压后,我们得到如图的文件结构 文件/文件夹名 作用 builds 压缩后的ExtJS代码,体积更小,更快 d...

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

 

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

 

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

最新的extjs只需要复制以下的目录:

javascript.fast.load=false 

1,根目录下:ext-all.js

 

2,中文包库文件:d:我的文档Downloadsext-4.1.0-gplextjs-4.1.0localeext-lang-zh_CN.js

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

3,copy其中的resource目录:d:我的文档Downloadsext-4.1.0-gplextjs-4.1.0resourcesext-all.css

计算机 2

 

计算机 3

 

*********************************************************************

目录介绍:

本文由乐虎游戏发布于计算机资讯,转载请注明出处:计算机:J2EE后台UI系统框架搭建-EXTJs使用(4.1 GPL版本卡塔尔

关键词:

Liferay 运营进度深入分析6-初叶化Portlets

在MainServlet中,初始化Portlets之后,就开始初始化布局模板了,对应代码是: Spring源码学习笔记(二) 在MainServlet中,...

详细>>

文件操作,c++文件操作

文件操作,c++文件操作 Java文件操作 读写操作,java文件操作读写 一、Java读取文件 案例1:读取D盘的1.txt文件      ...

详细>>

[.NET] 《Effective C#》快速笔记(三)- 使用 C# 表达设计,

[.NET] 《Effective C#》飞快笔记(三卡塔尔国- 使用 C# 表达设计, 《Effective C#》急忙笔记(三卡塔 尔(阿拉伯语:قطر...

详细>>

C#之事件

C#之事件, 事件基于委托,可以为任何大器晚成种委托项目提供生龙活虎种宣布订阅机制。 使用event关键字将多少个...

详细>>