这两天开始要进行新项目,项目中要使用extjs4.2开发页面,这就需要把ext集成到myeclipse建立的web工程里面,由于ext里面很多没有提示很麻烦,所以花了半天时间折腾这个spket的插件安装
1、下载extjs4.2的文件,解压之后形成下面的目录
这个目录和extjs3有很大区别,加ext-all-rtl.js和ext-theme-neptune.js这两类东西,其中ext-theme-neptune.js为主题包,搜遍百度也没查出ext-all-rtl.js的作用
2、下载插件包,我提供我的一个360云盘地址供大家下载 http://yunpan.cn/cAqjBD7WcMmpd 访问密码 f292。下载完之后解压完形成一个目录如下图
3、将上图目录中的二个文件夹复制替换到myeclipse的安装目录,如下图
4、由于这个插件包需要license,所以需要替换插件包中的一个jar包,下载地址http://yunpan.cn/cAqjC7haFnZFz 访问密码 d5dd,下载完后有一个com.spket.ui_1.6.23.jar的jar包,将这个包复制替换到上图中的plugins里面,如下图
5、到这里插件包就配置完成,下面需要打开myeclipse进行设置,打开myeclipse程序界面,打开window-》preferences,如下图
6、点开上图中的Spket标签,如下图
7、点开上图右上角的new按钮,新建一个profile,我的名字起的是Extjs4.2,点击OK按钮,形成一个profile,如下图
8、点击上图右边的Add Library,出现下面图1的界面,选择ExtJS选项,点击确定,如下图2
9、选中ExtJS的节点,点击右边的Add File,然后将你下载的extjs4.2的那个目录指定进来,我安装到这一步时遇到了问题,由于不知道应该指定到那个文件,所以折腾了好长时间,引用那个都提示不出来,最后在网上下载了一个ext-4.2.1.883.jsb2,我把这个文件的云盘地址给大家http://yunpan.cn/cAqmCeIQ5yqwS ,访问密码 e33f ,这个文件原来在3的时候是提供的,到4就没有了,将这个文件放到ext的解压目录里面,如最开始的那张图,然后Add File的时候选择这个文件,成功后如下图
10,、到这里之后,以为是好了,结果还是不行,网上查了好多资料,发现需要将这个extjs4.2的节点变成黑色加粗的东西,如上图刚开始黑色加粗的是Firefox 1.5,需要将这个换成Extjs4.2,这样操作,用鼠标选中Extjs4.2,点击右下角的Default,成功后节点变为黑色加粗,如下图,成功后点击最下面的确定按钮设置完毕
11、到这里设置就完了,下面是验证。在你的工程中新建一个js文件,然后在里面输入Ext.就会有提醒了,如下图。中间还遇到不能提醒的问题是因为js的打开方式有问题,需要js打开的默认方式设置为。设置方法下面再讲
12、设置js的默认打开方式、还是打开window-》preferences,如下图,将js的默认打开方式修改为插件打开
13、所有东西设置完之后发现js文件的字体特别的别扭,不知道修改上面的什么东西影响了这个字体,所以需要重新配置一下,还是打开window-》preferences,如下图,双击下图Basic中的Texrt Font,出现图2,发现他的设置和java的设置时一样的,应该是对的。没办法将这个字体的大小设置成12,然后点击确定。然后js的字体就又恢复了,不知道什么原因,反正就好了,再次打开设置界面发现他的字体大小还是10,莫名其妙
14、到这就结束了,大家有什么问题就再研究研究吧