职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 733|回复: 14

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

  [复制链接]
愚人 发表于 2011-7-14 10:21 | 显示全部楼层 |阅读模式
学习ExtJS第一步:搭建ExtJS的执行环境
ExtJS学习之旅:目录 下一篇:ExtJS基础
步骤:下载ExtJS--> 部署ExtJS-->测试ExtJS
下载ExtJS: 官方地址 ,ExtJS v3.2.0 或者 我的项目CMS4G中下载ExtJS v3.2.0
部署ExtJS: (最小化ExtJS部署ext-3.2.0目录的ext-all.js和adapter目录和resources目录就足够了) 把ExtJS部署到任何联网可以访问的地方,你可以选择你的应用根目录或者互联网上的一个存储位置(WebRoot/res/extjs3.2.0目录),比如我的项目CMS4G中的位置:ExtJS v3.2.0
测试ExtJS: 编写html文件测试ExtJS:WebRoot/examples/extjs/testExtJS.html 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>  

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

不擅长的领域就不要使用不擅长的工具了
ext-3.2.0.tar.gz (9.6 MB)
下载次数: 1573

jinchang 发表于 2011-7-14 10:21 | 显示全部楼层
现在什么情况 版权都不值钱的?

有烟没火 发表于 2011-7-14 10:22 | 显示全部楼层
如果有钱,购买了还是好些
没钱的时候就当ExtJS“施舍”了

北大青鸟 发表于 2011-7-14 10:22 | 显示全部楼层
楼主加油啊 准备靠你的一系列文章学会extjs

醉倚西风 发表于 2011-7-14 10:22 | 显示全部楼层
楼上的你真豆

fossil 发表于 2011-7-14 10:22 | 显示全部楼层
照着阁下的步骤,我也学习ExtJS

楠楠 发表于 2011-7-14 10:23 | 显示全部楼层
正在学习中,谢谢。

broken 发表于 2011-7-14 10:23 | 显示全部楼层
skzr.org
学习ExtJS第一步:搭建ExtJS的执行环境
ExtJS学习之旅:目录 下一篇:ExtJS基础
步骤:下载ExtJS--> 部署ExtJS-->测试ExtJS
下载ExtJS: 官方地址 ,ExtJS v3.2.0 或者 我的项目CMS4G中下载ExtJS v3.2.0
部署ExtJS: (最小化ExtJS部署ext-3.2.0目录的ext-all.js和adapter目录和resources目录就足够了) 把ExtJS部署到任何联网可以访问的地方,你可以选择你的应用根目录或者互联网上的一个存储位置(WebRoot/res/extjs3.2.0目录),比如我的项目CMS4G中的位置:ExtJS v3.2.0
测试ExtJS: 编写html文件测试ExtJS:WebRoot/examples/extjs/testExtJS.html 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>  

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

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


找不到我 发表于 2011-7-14 10:23 | 显示全部楼层
刘金剑
正在学习中,谢谢。

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

人在江湖,身不由己!

有烟没火 发表于 2011-7-14 10:23 | 显示全部楼层
Ext 的确挺好用的。但是真的不敢用于商业目的,不知道哪天会不会找上门来。


钰云 发表于 2011-7-17 10:07 | 显示全部楼层
嘿嘿......哈哈......呵呵.....哟~呼
broken 发表于 2011-7-23 10:53 | 显示全部楼层
呵呵 没事怎么有点被讽刺的味道啊
无处不在 发表于 2011-7-28 10:56 | 显示全部楼层
经过你的指点 我还是没找到在哪 ~~~
会玩就好 发表于 2011-8-3 12:10 | 显示全部楼层
@,@..是什么意思呀?
走就走吧 发表于 2011-8-4 11:59 | 显示全部楼层
我开始考虑从google的影响了
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-4-28 14:12 , Processed in 0.171769 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表