ExtJS实战(1)-准备工作和界面赏析

我们这次实战的项目是一个房屋出租系统，重点是房屋信息的管理。主要功能包括用户的登陆，房屋信息的发布，编辑，删除，复杂查询以及数据的分页显示和排序等。为了便于大家下载测试，我们这里就使用SQLServer 2000数据库。

 

好咧，马上就要开工了。先来做好准备工作：

 

（1）        工具

MyEclipse6.5+ExtJS插件：

下载地址：
http://www.agpad.com/downloads/spket-1.6.12.zip

引用方法：

1、将下载回来的文件解压，并将eclipse文件夹下面的两个文件夹复制你的eclipse目录下。
2、Window → Preferences → Spket → JavaScript Profiles → New ；
3、输入“ExtJS”点击OK；
4、选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”；
5、选择 “ExtJS”并点击“Add File”，然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件；
6、设置新的ExtJS Profile，选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮；
7、新建一个.js文件，即可出现自动提示的效果。

 

（2）        文档

给大家推荐一个网站http://extjs.org.cn/index.php

在国內最早汉化的ExtJs的站点 ajaxjs.com 上发现Ext 2.0中文API(最新版)！

预览： http://www.ajaxjs.com/docs/
AIR版文档中心下载： http://www.ajaxjs.com/docs/Ext 2 API Documentation.zip ~3MB
要求：Adobe AIR虚拟机 v1.1或以上
下载地址：http://get.adobe.com/air/
用法：直接打开2.1 API Documentation.exe

 

（3）        环境

各种开源框架环境及下载：

Hibernate：3.x  http://www.hibernate.org/

Spring：2.x http://springframework.org/

Struts：1.x http://struts.apache.org/1.x/

ExtJS：2.X http://extjs.com/

JSON： http://json-lib.sourceforge.net/

DWR ：2.x http://directwebremoting.org/

 

（4）        界面赏析