ExtJS开发环境的搭建

最新推荐文章于 2018-01-25 21:53:56 发布

原创最新推荐文章于 2018-01-25 21:53:56 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web应用 #ajax框架 #界面 #前端

extjs 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何配置 ExtJS 3.4 的开发环境，并解释了 ExtJS 发布包的主要目录及文件用途。此外，还提供了一个实用工具 Spket 的推荐，以提高前端开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ExtJS主要用于创建前端用户界面，是一个基本与后台无关的前端ajax框架。

以下的开发环境搭配使用的是ExtJs3.4这个版本，具体的ExtJs开发包可以去官网下载。

一、ExtJs发布包下的主要目录以及文件说明：

adapter：Ext的核心代码和底层库,包括jQuery、Prototype和YUI的适配器

docs: 最主要的就是里面的API 帮助文档了，开发中需要经常参考。

examples: 官方的演示示例，可以用来欣赏学习。

pkgs: Ext压缩后的代码

resources: 是Ext要用到的图片和样式文件

src: Ext的源码文件，相对pkgs目录来说，是没有压缩的代码

ext-js.js: Extjs的核心库

ext-js-debug.js: ext-js.js的调试版本，开发中调试错误时使用，能准确定位到错误。

INCLUDE_ORDER.txt文件用来说明在页面上引用底层库的JavaScript文件的顺序。

其他目录和文件没什么特别需要说明的了。

二、如果在项目中使用extjs

1、创建一个web项目

2、在webroot下建立一个extjs的文件夹，在里面把extjs的开发包copy进来，一般需要copy如下几个文件：

a、ext-base.js文件。(这个文件在ext/adapter/ext下),顺便说一句如果你的工程中还用到了其他如jQuery之类的框架，那么要把adapter下对应的jscopy进来。

b、resources目录以及里面所有的文件。

c、ext-all.js文件。

d、ext-all-debug.js文件。(调试时会用到)

e、ext-lang-zh_CN.js文件，中文开发环境下需要的。（这个文件在src/locale下）

3、在你新建的jsp或者html页面中引入下面的文件，注意路径。

<head>

<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css"/>

<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="../ext/ext-all.js"></script>

<script type="text/javascript" src="../ext/ext-lang-zh_CN.js"></script>