1. 准备工作
在开始搭建Ext 开发环境前,你需要安装好下列工具/程序:
- JDK1.5
- MyEclipse
3. Ext 基类代码
2. 安装JDK1.5
2.1. 确定已安装的JDK版本
点击开始-》运行,输入cmd,打开DOS窗口,在命令提示符下输入java –version。如果你能看到“java version "1.5.0_09"”这样的字样,说明当前系统已经安装了JDK1.5,否则网上下载并安装。这个方法也可以检查JDK1.5是否安装成功。
3. Ext 介绍
3.1. web文件夹
Demo :关于对基类的使用些详细例子,
Images :业务页面使用的图片
Js :Ext 源文件和CPC模板
Resources : Ext UI资源文件目录,如CSS、图片文件都存放在这里面。
3.2. Ext 核心js
ext-all.js:压缩后的Ext全部源码。
ext-all-debug.js:无压缩的Ext全部的源码(用于调试)。
ext-core.js:压缩后的Ext的核心组件,包括sources/core下的所有类。
ext-core-debug.js:无压缩Ext的核心组件,包括sources/core下的所有类。
4. 新建项目
4.1. 新建web 测试项目
注:系统所有文件格式都采用UTF-8格式
打开MyEclipse ,在 菜单 File à new Project ,并填入名称 MyTest
如图:
点击Finish 后, 把web2 文件夹拷贝到 WebRoot 下面
如下图
4.2. 新建jsp/js 文件
Main.jsp部分代码
Main.js代码
4.3. 发布
将所有文件放到服务器, (注:示例服务器是本机的TomCat)
运行 http://127.0.0.1:83/MyTest/web2/main.jsp 得到下图
若成功弹出"EXT库已加载"对话框,表示ext已经正确加载了