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文件目录下)