`
skzr.org
  • 浏览: 368407 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

1 搭建环境——ExtJS学习之旅

EXTSVNJavaScriptCSS互联网 
阅读更多

学习ExtJS第一步：搭建ExtJS的执行环境

ExtJS学习之旅：目录 下一篇：ExtJS基础

步骤：下载ExtJS--> 部署ExtJS-->测试ExtJS

  1. 下载ExtJS： 官方地址 ，ExtJS v3.2.0 或者 我的项目CMS4G中下载ExtJS v3.2.0
  2. 部署ExtJS： （最小化ExtJS部署ext-3.2.0目录的ext-all.js和adapter目录和resources目录就足够了） 把ExtJS部署到任何联网可以访问的地方，你可以选择你的应用根目录或者互联网上的一个存储位置(WebRoot/res/extjs3.2.0目录)，比如我的项目CMS4G中的位置：ExtJS v3.2.0
  3. 测试ExtJS： 编写html文件测试ExtJS：WebRoot/examples/extjs/testExtJS.html 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>测试ExtJS部署</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/resources/css/ext-all.css" />
	    <!-- ExtJS library: base/adapter -->
	    <script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/adapter/ext/ext-base-debug.js"></script>
	    <!-- ExtJS library: all widgets -->
	    <script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/ext-all-debug.js"></script>

	    <script type="text/javascript">
		Ext.onReady(function() {
			Ext.Msg.alert('提示', '执行方法 Ext.onReady()');
		});
		</script>
	</head>

	<body></body>
</html>
     

我的理解：ExtJS是一个UI组件，编写基于ExtJS的程序是一件非常愉快的事情，它的组件非常丰富，可以很好的满足管理软件的需要，如果是做管理应用那么ExtJS就是为此而准备的 ^ ^

 

不擅长的领域就不要使用不擅长的工具了

分享到：
| ExtJS学习之旅
评论
18 楼 dickluo 2011-04-08  
灰常好啊 初学者感谢了
17 楼 skzr.org 2011-04-06  
ahopedog2 写道
就是客户端解析慢点

我不做通用的，定位的目标是企业用户，虽然IE可以使用，不过在网页中会推荐使用和下载chrom（从应用站点中）

剩下的基本上就不是问题的问题了。
16 楼 changtiger 2011-04-05  
学习Ext Js，最好能一边写，一边看源码。
15 楼 ahopedog2 2011-03-28  
就是客户端解析慢点
14 楼 skzr.org 2011-03-28  
累积是根本，潜心修炼中
13 楼 inritxihc 2011-03-28  
不错不错，我看好你哦
12 楼 skzr.org 2011-03-26  
sd8089730 写道
我想问一个 tree的问题.. treePanel的 click事件 和 expand事件怎么好像都是一回事..当我点击节点的展开的时候也执行click事件..

这个我没有试过！有时间再看看，顺便问问你的ExtJS版本是多少?

我一直在用3，未在treePanel中添加过click事件使用
11 楼 sd8089730 2011-03-26  
我想问一个 tree的问题.. treePanel的 click事件 和 expand事件怎么好像都是一回事..当我点击节点的展开的时候也执行click事件..
10 楼 skzr.org 2011-03-18  
cremains 写道
Ext 的确挺好用的。但是真的不敢用于商业目的，不知道哪天会不会找上门来。

貌似，只要不是做IDE，使用ExtJS是可以用于商业项目的。
也就是说不要和ExtJS竞争，ExtJS就可以商用
9 楼 cremains 2011-03-07  
Ext 的确挺好用的。但是真的不敢用于商业目的，不知道哪天会不会找上门来。
8 楼 skzr.org 2011-02-24  
刘金剑 写道
正在学习中，谢谢。

现在每天就是重复的事情，解决重复的问题，没时间研究extjs了，也实践少了
目前仅仅实践了extjs的tree！

人在江湖，身不由己！
7 楼 刘金剑 2011-02-24  
<div class="quote_title">skzr.org 写道</div>
<div class="quote_div">
<h1 style="text-align: center;">学习ExtJS第一步：搭建ExtJS的执行环境</h1>
<p>ExtJS学习之旅：<a href="/blog/647848" target="_self">目录</a>
下一篇：<a href="/blog/643210">ExtJS基础</a>
</p>
<h3>步骤：下载ExtJS--&gt; 部署ExtJS--&gt;测试ExtJS</h3>
<ol>
<li>
<strong>下载ExtJS：</strong>
<a href="http://www.extjs.com/products/js/download.php">官方地址</a>
，<a href="http://dl.iteye.com/topics/download/991a0cf9-ddf2-3f27-bc8a-ad9260669401">ExtJS v3.2.0</a>
或者 我的项目CMS4G中下载<a href="http://cms4g.googlecode.com/svn/trunk/res/download/ext-3.2.0.tar.gz">ExtJS v3.2.0</a>
</li>
<li>
<strong>部署ExtJS：</strong>
<span style="text-decoration: underline;">（最小化ExtJS部署ext-3.2.0目录的ext-all.js和adapter目录和resources目录就足够了）</span>
把ExtJS部署到任何联网可以访问的地方，你可以选择你的应用根目录或者互联网上的一个存储位置(WebRoot/res/extjs3.2.0目录)，比如我的项目CMS4G中的位置：<a href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0">ExtJS v3.2.0</a>
</li>
<li>
<strong>测试ExtJS：</strong>
编写html文件测试ExtJS：WebRoot/examples/extjs/testExtJS.html
<pre name="code" class="html">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;测试ExtJS部署&lt;/title&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
&lt;link rel="stylesheet" type="text/css" href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/resources/css/ext-all.css" /&gt;
    &lt;!-- ExtJS library: base/adapter --&gt;
    &lt;script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/adapter/ext/ext-base-debug.js"&gt;&lt;/script&gt;
    &lt;!-- ExtJS library: all widgets --&gt;
    &lt;script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/ext-all-debug.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
Ext.onReady(function() {
Ext.Msg.alert('提示', '执行方法 Ext.onReady()');
});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;&lt;/body&gt;
&lt;/html&gt;</pre>
 </li>
</ol>
<p>我的理解：ExtJS是一个UI组件，编写基于ExtJS的程序是一件非常愉快的事情，它的组件非常丰富，可以很好的满足管理软件的需要，<span style="color: #ff0000;"><strong>如果是做管理应用那么ExtJS就是为此而准备的</strong>
</span>
^ ^</p>
<p> </p>
<p>不擅长的领域就不要使用不擅长的工具了</p>
</div>
<p> </p>
6 楼 刘金剑 2011-02-24  
正在学习中，谢谢。
5 楼 xredman 2010-05-12  
<p>照着阁下的步骤，我也学习ExtJS<img src="/images/smiles/icon_biggrin.gif" alt=""></p>
4 楼 joehe 2010-05-12  
楼上的你真豆
3 楼 明天的昨天 2010-04-30  
楼主加油啊 准备靠你的一系列文章学会extjs
2 楼 skzr.org 2010-04-24  
如果有钱，购买了还是好些
没钱的时候就当ExtJS“施舍”了
1 楼 ivyshark 2010-04-24  
现在什么情况 版权都不值钱的?
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ExtJs开始之旅

    本讲将带你开启ExtJS的探索之旅，通过四个部分的学习，你将逐步掌握其核心概念和实践技巧。 首先，"初识ExtJS" 部分会介绍ExtJS的基本理念和架构，包括MVC（Model-View-Controller）设计模式的应用，以及如何利用这...

    JSP信息办公类实例开发源码——ExtJS 图书管理系统.zip

    总结来说，"JSP信息办公类实例开发源码——ExtJS 图书管理系统.zip"是一个涵盖了JSP编程、ExtJS前端开发以及图书管理业务逻辑的综合学习资源。通过深入研究这个项目，开发者不仅可以提升JSP和ExtJS的技术能力，还能...

    JSP源码——ExtJS 2.2 开源网络硬盘系统_dogdisk.zip

    【标题】"JSP源码——ExtJS 2.2 开源网络硬盘系统_dogdisk.zip" 提供的是一个基于JSP技术，并使用了ExtJS 2.2框架的开源网络存储系统的源代码。这个系统可能允许用户进行文件的上传、下载、管理，以及实现其他与云...

    ext编辑工具——ExtJS资料

    ext编辑工具，学习ext的可以下载来用

    extjs4环境搭建

    本文将详细介绍如何搭建ExtJS4的开发环境。 首先，你需要下载ExtJS4的版本。ExtJS4.x的发布包含了多个版本，例如4.0、4.1、4.2等，根据项目需求选择适合的版本进行下载。下载完成后，解压缩文件到本地文件系统中。 ...

    windows下Extjs开发环境搭建说明

    ### Windows 下 Extjs 开发环境搭建说明 #### 一、概述 本文档旨在详细介绍如何在 Windows 操作系统环境下搭建 Extjs 的开发环境，并通过 Spket 实现代码智能提示功能，最后通过一个简单的 HelloWorld 示例来验证...

    Extjs环境搭建

    本教程将详细讲解如何搭建ExtJS的开发环境。 一、安装Node.js与npm 在开始搭建ExtJS环境之前，确保你的计算机上已经安装了Node.js。Node.js是JavaScript运行时环境，同时也包含了npm（Node Package Manager），它是...

    搭建好的EXTJS和SSH环境

    1. **EXTJS组件库**：EXTJS包含了大量的UI组件，如表格、表单、树形结构、面板、窗口等，可以快速构建出功能强大的Web应用界面。 2. **响应式布局**：EXTJS支持多种设备和屏幕尺寸，通过可配置的布局管理器，能够...

    extjs资料以及extjs学习指南

    extjs资料以及extjs学习指南，extjs资料以及extjs学习指南

    搭建利用Extjs库开发的环境

    ### 搭建利用Extjs库开发的环境 #### 一、引言 随着Web应用的发展，前端技术栈越来越多样化，而Extjs作为一款成熟且功能丰富的JavaScript框架，被广泛应用于构建复杂的用户界面。为了更好地利用Extjs进行开发，...

    extjs开发环境搭建

    eclipse+spket+Extjs4.2.1开发环境搭建,同样适用于myeclipse，内附spket破解包

    Apatan Extjs环境搭建

    Apatan Extjs环境搭建 Apatan Extjs 代码提示

    让我们开始EXTJS之旅EXTJS_WEB开发指南

    开始ExtJS之旅的第一步是要获得开发包，可以从官方网站www.ExtJS.com下载，以保证获 得最新版本。其下载地址是http://www.ExtJS.com/download，下载成功后的开发包是ExtJS- 2.0.2.zip，有6.08MB大。不过不用担心，这...

    EXTJS（搭建环境）学习笔记.doc

    这篇学习笔记主要涉及EXTJS的环境搭建，特别关注EXTJS 4.1和5.1版本，适合测试工程师进行学习和实践。 在EXTJS 4.1和5.1的API文档中，提供了详细的类、方法和属性参考，对于开发和调试非常有帮助。中文API地址可以...

    2015年最新的搭建MyEclipse10+Spket+ExtJS的开发环境介绍

    搭建MyEclipse10+Spket+ExtJS的开发环境是一项关键步骤，特别是对于初学者而言，这将为JavaScript开发打下坚实的基础。本文将详细解释如何进行这一配置。 首先，我们来安装Spket插件。Spket是一个强大的JavaScript...

    ExtJS学习资料手册

    ExtJS学习手册。。。。，帮助学习extjx的朋友。。

    extjs4学习文档

    在搭建学习环境时，假设已经安装了MyEclipse和Tomcat。在MyEclipse中创建一个新的Web项目，并将EXTJS4的文件复制到Webroot目录。EXTJS的官方Examples目录包含了许多示例程序，这些程序可能包含PHP代码，如果遇到错误...

    extjs 学习心得笔记

    在探讨《ExtJS学习心得笔记》这一主题时，我们不仅会深入理解ExtJS框架的核心概念与实践技巧，还会从新手的角度出发，提炼出一系列有助于快速上手的学习策略，避免常见的学习陷阱，确保学习过程高效而有成效。...

    EXTJS4.2 MVC环境搭建并显示数据

    在EXTJS 4.2环境下搭建MVC应用的步骤如下： 1. **创建项目结构**：一个EXTJS MVC项目通常包含`app`、`app/model`、`app/store`、`app/view`、`app/controller`等目录，分别存放模型、存储、视图和控制器的相关文件...

    界面框架extjs学习笔记

    1. `adapter`：这部分包含了适配器，用于将EXTJS与不同的底层库（如Prototype、jQuery或YUI）集成，使得EXTJS能够支持这些库的功能。 2. `build`：这个目录下存储的是经过压缩的EXTJS完整源码，适合在生产环境中...

Magicbox
Global site tag (gtag.js) - Google Analytics