Java web开发Extjs与Spring入门实例

一、Extjs与Spring基础知识。

（关于代码的基础知识在之后贴出）

二、从零开始构建Extjs入门实例

1、最终页面效果展示图（无后台）

2、搭建一个ExtJs的HelloWorld程序

（1）、在Ubuntu系统上安装JDK

1、JDK
1.1下载JDK：http://download.oracle.com/otn-pub/java/jdk/7/jdk-7-linux-i586.tar.gz（下载默认路劲为主目录中的下载文件夹，下同）


(下载链接:http://pan.baidu.com/share/link?shareid=3125558486&uk=1228060797 密码:aily)


1.2 解压


$cd 下载


$tar jdk-7-linux-i586.tar.gz


1.3 将解压后的jdk1.7.0移到/usr/local/目录下


$sudo mv jdk1.7.0 /usr/local/


1.4 配置环境


$sudo gedit /etc/environment 


将内容改为：


PATH="/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/jdk1.7.0/bin"  


CLASSPATH=.:/usr/local/jdk1.7.0/lib  


JAVA_HOME=/usr/local/jdk1.7.0


1.5 运行$source ~/.bashrc


1.6 测试$java -version


如果查询不到版本号，说明还没安装成功，那么再执行以下语句：


$sudo update-alternatives --install /usr/bin/java java /usr/local/jdk1.7.0/bin/java 300  


$sudo update-alternatives --install /usr/bin/javac javac /usr/local/jdk1.7.0/bin/javac 300  


$sudo update-alternatives --install /usr/bin/javap javap /usr/local/jdk1.7.0/bin/javap 300  


$sudo update-alternatives --install /usr/bin/javadoc javadoc /usr/local/jdk1.7.0/bin/javadoc 300 


再次测试，则可以看到版本号了。

（2）、在Ubuntu上安装eclipse与tomcat

参考资料 ：http://www.linuxidc.com/Linux/2013-04/82213p2.htm

（3）、在eclipse中配置Spket与ExtJS

参见 ：http://www.cnblogs.com/maowang1991/archive/2013/02/05/2893142.html

ps：在 单击addfile按钮的过程中不需要引入sdk.jsb3文件，引入ext-all.js,ext-all-debug.js即可

（4）、编写extjs helloworld程序

新建一个Dynamic Web Project项目并在其webContent下新建一个index.html文件