论坛首页 Web前端技术论坛

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

浏览 15474 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (1)
作者 正文
   发表时间:2010-04-19   最后修改:2011-02-16

学习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就是为此而准备的 ^ ^

 

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

   发表时间:2010-04-24  
现在什么情况 版权都不值钱的?
0 请登录后投票
   发表时间:2010-04-24  
如果有钱,购买了还是好些
没钱的时候就当ExtJS“施舍”了
0 请登录后投票
   发表时间:2010-04-30  
楼主加油啊 准备靠你的一系列文章学会extjs
0 请登录后投票
   发表时间:2010-05-12  
楼上的你真豆
0 请登录后投票
   发表时间:2010-05-12  

照着阁下的步骤,我也学习ExtJS

0 请登录后投票
   发表时间:2011-02-24  
正在学习中,谢谢。
0 请登录后投票
   发表时间:2011-02-24  
skzr.org 写道

学习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就是为此而准备的 ^ ^

 

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

 

0 请登录后投票
   发表时间:2011-02-24  
刘金剑 写道
正在学习中,谢谢。

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

人在江湖,身不由己!
0 请登录后投票
   发表时间:2011-03-07  
Ext 的确挺好用的。但是真的不敢用于商业目的,不知道哪天会不会找上门来。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics