myeclipse搭建extjs4.0.7

建ext4搭建到myeclipse中的一种方式，我个人觉得挺好的！一定先看完在搭建！

1.配置环境:MyEclipse 8.5 + Spket 1.6.18 + ExtJS 2.0。非link方式

2.安装Spket 1.6.18。

下载Spket, 地址:http://spket.com/download.html , 选择Spket IDE 或Plugin下载。

3. 在CMD 中执行 java -jar spket-1.6.17.jar, 点"Next" ，jre支持的话双击运行。

4. 选择eclipse plugin, 点"Next"。

5. 选择MyEclipse8.5的安装目录的common文件夹, 点"Next"!

6. 选择Spket 的安装目录(6.0选择MyEclipse的目录一样, 7.0以上不要和MyEclipse的目录在一起，我使用的是myclipse8.5就是因为将spket的安装也放在了myclipse的安装路径下才没有装成功的),点"Next", 然后开始安装。

7. 以上步骤4和zip文件解压出来文件的一样.如果是MyEclipse6.0,则到止步骤已经安装成功,重启MyEclipse,接着后面步骤(三)的“配置Spket”就可以。果是7.0以上的MyEclipse版本,就还需要以下步骤

下面为MyEclipse7.0~8.5或更高版本的安装方法

建一个java文件取名CreatePluginsConfig.java

view plaincopy to clipboardprint?

import java.io.File;

import java.util.ArrayList;

import java.util.List;

public class CreatePluginsConfig {

private String path;

public CreatePluginsConfig(String path) {

this.path = path;

}

public void print() {

List list = getFileList(path);

if (list == null) {

return;

}

int length = list.size();

for (int i = 0; i < length; i++) {

String result = "";

String thePath = getFormatPath(getString(list.get(i)));

File file = new File(thePath);

if (file.isDirectory()) {

String fileName = file.getName();

if (fileName.indexOf("_") < 0) {

continue;

}

String[] filenames = fileName.split("_");

String filename1 = filenames[0];

String filename2 = filenames[1];

result = filename1 + "," + filename2 + ",file:/" + path + "\\"

+ fileName + "\\,4,false";

System.out.println(result);

} else if (file.isFile()) {

String fileName = file.getName();

if (fileName.indexOf("_") < 0) {

continue;

}

int last = fileName.lastIndexOf("_");//最后一个下划线的位置

String filename1 = fileName.substring(0, last);

String filename2 = fileName.substring(last + 1, fileName

.length() - 4);

result = filename1 + "," + filename2 + ",file:/" + path + "\\"

+ fileName + ",4,false";

System.out.println(result);

}

}

}

public List getFileList(String path) {

path = getFormatPath(path);

path = path + "/";

File filePath = new File(path);

if (!filePath.isDirectory()) {

return null;

}

String[] filelist = filePath.list();

List filelistFilter = new ArrayList();

for (int i = 0; i < filelist.length; i++) {

String tempfilename = getFormatPath(path + filelist[i]);

filelistFilter.add(tempfilename);

}

return filelistFilter;

}

public String getString(Object object) {

if (object == null) {

return "";

}

return String.valueOf(object);

}

public String getFormatPath(String path) {

path = path.replaceAll("\\\\", "/");

path = path.replaceAll("//", "/");

return path;

}

public static void main(String[] args) {

new CreatePluginsConfig(

"D:\\spket\\eclipse\\plugins")

.print();

}

}

将最后那里的路径改成刚刚安装spket的路径。编译运行复制结果。

8. 把输出的东西追加到X:\Genuitec\MyEclipse 8.5\configuration\org.eclipse.equinox.simpleconfigurator\bundles.info 后面.

9. 重启MyEclipse 8.5完成Spket-1.6.18的安装。在MyEclipse 8.5中的菜单Window -> Preferences 中将出现 Spket项目。

10. 完成Spket配置

Spket的配置过程与以往的Spket的配置过程类似.要注意的是,只有高于Spket-1.6.17的版本才识别配置文件。

11. 先下载ext-jsb2.zip, 解压到ExtJS 2.0的根目录, 就是和ext-all.js在同一级目录. 好像高版本Extjs开发包里面有ext.jsb2

12. Window →Preferences → Spket → JavaScript Profiles → New.

13. 输入ExtJS, 点"OK".

14. 选择ExtJS, 点"Add Library", 在弹出窗口中选择"ExtJS".

15. 选择ExtJS, 点"Add File", 找到ext.jsb2（老版本的，新版本找到你的build下的sdk.jsb3）.

16. 选择ExtJS, 点"Default".OK, Spket的安装以及Ext3.2.1的配置都就绪了.

新建一个JS文件, 用Open With → Spket Javascript Editor 打开, 测试一下效果吧.

下来我们开发第一个extjs程序

在开发工具中新建一个web工程在该工程的webroot目录底下新建一个firstExjs.js文件并打开，代码如下：

//onReady()函数是extjs的启动函数，该函数中有四个参数：第一个参数是一个javascprit编写的匿名函数，具体大家可以看看文档和源码是怎样解释和使用这几个参数的

Ext.onReady(function(){

//Ext.Msg.alert函数是extjs中用来提示用户的一个提示框，该类是Ext.MessageBox我们使用的是该类中的alert方法，它和html中的alert函数是一样的，不过只要你运行它的话效果比html中的alert更好看，该方法由四个参数组成，第一个参数是弹出框的名称，第二个参数是弹出框的具体提示内容，至于第三个参数和第四个参数我们就不详细的介绍了。

Ext.Msg.alert(‘hello’,’你好欢迎使用extjs技术’);

})

下来是我们怎样调用该js文件了，其实很简单只要在你的html页面，或jsp页面上引入就行，例如：

<script type="text/javascript" src="firstExjs.js"></script>

除了引入我们自己要写的代码文件之外还的引入extjs特有的其他的运行时的配套文件例如：

//自带的样式文件

<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"/>

//extjs基本库文件

<script type="text/javascript" src="adapter/ext/ext-base.js"></script>

//extjs基本库文件

<script type="text/javascript" src="ext-all.js"></script>

好了试试看看效果吧！

这是我从网上找到的别人分享的一个搭建工作然后进行了修改，我非常感谢这位网友的分享，记住一点，mycplise7以上的安装记得别把spket的安装放在你的myeclipse下，因为我就是因为这个问题一直没装成功！还有一点就是4.07等新版本不再是ext.jsb2，而是sdk.jsb3(在build文件目录下)

评论

1 楼 lanting 2012-08-02  

在ExtJs4中，引入脚本库时，Ext-base.js是否不需要了？我看ExtJS的demo中如此，没试过。

//extjs基本库文件
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>