Nutz+ExtJS示例教程——搭建开发环境

这里介绍下,开发环境的准备与搭建。

 

准备阶段

 

这里的东西大都给出了链接地址,大家按照需求自行下载即可。

 

必备品

 

JDKhttp://www.oracle.com/technetwork/java/javase/downloads/index.html

 

 

Eclipse(这里选的最新版JEE_3.6.1 http://www.eclipse.org/downloads/

 

 

 Tomcat6.Xhttp://tomcat.apache.org/download-60.cgi

 

 

 MySQL(数据库就选个常用的http://www.mysql.com/downloads/

 

 

 

Spket(写JS必备佳品http://www.spket.com/download.html

 

 

ExtJS(男猪脚,这里选用最新的3.3.1,这里刻意忽略license的问题,相信你懂的(http://www.sencha.com/products/js/download.php

 

 

Nutz(有请华丽丽的女主角登场!直接选择最新版http://code.google.com/p/nutz/downloads/list

 

 

以上就是全部必备品了,有了这些大家就可以开始搭建环境了。

 

可选品

 

PowerDesigner(数据库设计工具,很好很强大。http://www.sybase.com/products/modelingdevelopment/powerdesigner

 

 

Navicat9MySQL数据库可视化管理软件http://www.navicat.com/en/download/download.html

 

 

FireFox + FireBugJS调试必备,啥都不说了,强大的一塌糊涂)

 

 

ExtDesigner(控件拖拖拽拽,页面就出来了,用来画草图不错。http://www.sencha.com/products/designer/download.php

 

 

 ExtJS中文API(这个英文较好的同志就不需要了,Nutz的话相信大家母语都没问题)

 

 

 

以上可选品在某些方面都有一定的帮助作用,需要的同志就去下吧。

 

 

搭建环境

这里分三个步骤来,属于新三步,切记一步一步走,步子迈大了,容易扯着蛋……

 

第一步,软件安装

 

大部分软件的安装大家都会,这里就强调几个注意点

 

SpketEclipse结合,提供对ExtJS的支持。

 

建议大家下载Spket的plugin版,解压后,把对应文件夹直接拷到Eclipse目录下,重启Eclipse即可。

 

在Eclipse中打开Window->Preferences,如果能找到下面图片所示,说明安装成功。

 

 

 

下面开始加入Ext库的支持

 

Spket -> JavaScript Profiles -> new… 名字随便起。

 

 

 

选中刚刚新建的JS库,单击右边的Add Library,弹出的下拉框中选中ExtJS

 

 

 

 

选中新建出来的ExtJS,单击右边的Add File,在你下载的Ext包中选中ext.jsb2这个文件。

 

 

 

 

默认会选中Ext ALL ,然后把其他的都选中就好了。

 

 

 

 

最后选中我们加入的JS库,单击右边的DefaultOK了,结果如下图。

 

 

 

等下,同志们,这还没完,先别急,还需要手动设置下JS文件关联,让JS默认的使用Spket的编辑器,这样提示才会起左右。方法如下图:

 

 

 

 

 

马上来测试下,新建个js文件,敲入Ext. 你就应该看到下图了:

 

 

 

 

第二部,新建工程

 

新建一个web工程

 

 

 

Java Resources下加入了两个Source Folder test config

 

WebContent下加入 js page 两个包,这里没有硬性规定放那里,只与个人习惯有关,有人更喜欢放到WEB-INF下,也是可以的。

 

 

 

 

把必要的js包跟jar包拷入工程,并把jar包加入到classpath中。

 

ExtJS的话,ME是选择了下面这几个拷入到js目录下:

 

 

 

 

Jar包,是选择c3p0作为数据池,log4jmysqljdbc,跟Nutz,应该也就这么多了,其他的再根据你的需要加入就好了。

 

最终结果如下:

 

 

 

 

这样工程的大体框架就好了,接下来的就是编码工作。

 

第三部,测试环境

 

这里就请大家参照Nutz的文档中的方式来测试好了,只要能跑通就说明没问题了。

 

Nutz文档地址http://code.google.com/p/nutz/wiki/nutz_preface?tm=6

 

 

 

 

以上,整个工程的环境就搭建成功。

 

下一集,将简单介绍下数据库的设计。

 

 

 PS:附件中为Ext3.3的中文API,需要的下吧。

你可能感兴趣的:(eclipse,mysql,软件测试,ext,Sybase)