有没有用EXT做过大型企业级应用的高手？

目前我们的项目前端使用的是EXT2.0结合DWR, 并且采用完全OPOA的结构,即一个模块对应一个独立的JS文件,在用户访问时才动态载入并生成Tab页面. 这种结构在应付项目初期的简单模块时还是游刃有余的, 但是随着项目的发展, 页面设计越来越过于复杂, 有些页面甚至需要用到一百多个Field组件，于是现在各种问题也凸现了出来，尤其是浏览器的内存泄露。我们目前暂时想到了两种解决方案：

一是采用“隐藏”的方式替代“关闭”，即模块页面打开后再关闭时只对其做隐藏，再次打开时只需做页面数据的刷新， 因此不会占用新的内存和页面初始化时间。虽然项目庞大，但是实际使用时使用者拥有的模块权限不会很多，因此是不会出现打开所有模块将内存消耗殆尽的情况的。

二是舍弃OPOA的结构，在Tab页中嵌入IFRAME，将每个模块独立成单个页面。目前发现这种方法在处理内存泄露问题上的效果是比较好的，但是由于每个页面都必须重新引入EXT库的原因，单个模块占用的内存较之前增加了十多兆。而我们已经使用到了EXT的绝大部分功能，因此再对库文件做裁减意义已经不大。

不知道各位高手有没有更好的建议，烦请不吝赐教。

评论

43 楼 xieye 2008-12-19  

我这样做，
外面是ext做布局，
里面一个iframe，用prototype。
当然，实际不用ajax。


以上方案用于管理员的后台，感觉不错。

42 楼 free_chilly 2008-12-19  

成熟的企业级应用中，还没有太多ext的身影，它仅代表了一种发展趋势。
它的应用风险当前还是太高。

41 楼 walkman 2008-12-16  

最近也在用 Ext 做一个管理后台，开始动手之前考虑最多的也是怎么加载各个模块的页面，怎么不重复加载 Ext 库

autoload 当然是不错的方案，整个程序跑起来奇快无比，但是缺点也是显而易见的：当在同一个窗口中加载了 N 多的 dom 以后，这些 dom 在实际 select 的时候极有可能无法找到你想要的那一个(IE 尤为困难)，即使你至始至终都不用 id 或者只使用类似 AUTO_ID 之类的东西寻址也无法避免很多潜在的问题。而且当加载的模块过多以后，js 对象之间必须要靠精心设计的 namespace 才能有条不紊地工作

如果使用 iframe 来加载各个模块的页面，上面说的 autoload 的问题当然不存在，但缺点却也是致命的：重复加载 Ext 库的速度令人无法忍受

思来想去我最后还是选择了 autoload 的方式，主要看重的还是加载速度，不是一般的快哦，呵呵。不知道大家都用的什么方式多一点？

40 楼 sxhan 2008-12-14  

extjs库文件已经很大，如果使用iframe则会严重影响速度，可使用eval来动态执行js代码

39 楼 bevin_b 2008-12-09  

vb2005xu 写道

EXT + DWR 服务器烧着么?? 不就是异步么?? 要服务器和客户端框架一窝端么? 自己不会写 还抱怨EXT内存泄露严重,把你们自己的代码优化好再说别人的东西不好吧,那些使用EXT的大头公司都没有抱怨EXT这个问题有多严重,几个跳梁小丑还好意思出来 得瑟! 有时间多做些代码优化的工作吧!! 又要马儿跑得快,又要马儿不吃草! 看看你们一群的盗版分子,你们中间有几个EXT是合法的版本??? bzlc

内存泄漏关服务器什么事？连基本的概念都没有弄清楚也能跑出来骂街吗？

本人水平有限，本来以前只是把公司项目中遇到的问题写出来，希望能够遇到真正的高手给予一些指点的，没想到还惹出些无知又爱卖弄的愤青来。一直都很少逛论坛发贴，就是因为像你这样让人生厌的人太多了

38 楼 小马哥 2008-12-04  

vb2005xu 写道

EXT + DWR 服务器烧着么?? 不就是异步么?? 要服务器和客户端框架一窝端么?

自己不会写 还抱怨EXT内存泄露严重,把你们自己的代码优化好再说别人的东西不好吧,那些使用EXT的大头公司都没有抱怨EXT这个问题有多严重,几个跳梁小丑还好意思出来 得瑟!

有时间多做些代码优化的工作吧!! 又要马儿跑得快,又要马儿不吃草! 看看你们一群的盗版分子,你们中间有几个EXT是合法的版本??? bzlc

我们就是买的正版的授权，只是没买support licence，觉得没必要。
没有反馈哪来的进步？内存泄漏的问题，Ext的核心开发人员也是承认确实存在的，你去extjs论坛看看jack和briant都曾经说过。

37 楼 fangzhouxing 2008-12-03  

做技术的人就这样的素质吗？

36 楼 blackjxx 2008-12-03  

楼上这个SB啊，我操。。。。

35 楼 vb2005xu 2008-12-01  

EXT + DWR 服务器烧着么?? 不就是异步么?? 要服务器和客户端框架一窝端么?

自己不会写 还抱怨EXT内存泄露严重,把你们自己的代码优化好再说别人的东西不好吧,那些使用EXT的大头公司都没有抱怨EXT这个问题有多严重,几个跳梁小丑还好意思出来 得瑟!

有时间多做些代码优化的工作吧!! 又要马儿跑得快,又要马儿不吃草! 看看你们一群的盗版分子,你们中间有几个EXT是合法的版本??? bzlc

34 楼 znjq 2008-05-23  

ext的内存泄露才是最严重的问题！
代码本身就有很多问题，该在beforedestroy的在ondestroy里面，该释放的不释放，该destroy的组件不destroy，等等。。。
内存泄露不解决，什么单页面，动态加载,autoload都是白费力气！！

33 楼 sp42 2008-05-23  

yanshiyi 写道

sp42 写道

yanshiyi 写道

microboat 写道

把每个模块都封装成JS类，主页面动态加载，用哪个模块就加载哪个。我目前就是这么做的，真正的单页系统。

如果模块达到上百个，每个模块都很很多自己的函数，你又该怎么办？估计到时候js函数都有1m多了。

不要简单地套用ext组件。
可自己尝试着写一些复合组件，即在ext组件上再联合封装一下，
通过项目的实践，感觉还是有必要建立适应程序自身的“控件”（crud、分类等）

如果你的系统要用到ext80%的组件，你还想自己开发吗？或者你相信你开发的比人家的更好吗？
我现在的东西都是我自己写的，但是有严重的内存泄露问题，遗憾的是我不懂ext，也不懂其他的组件库，只能等自己学好了javascript再说了。还好我们不用太多的富客户组件。

不是太明白你的意思。
其实不一定要全部都用ext，可结合自己的代码一步扩展。

32 楼 kin_me 2008-05-23  

请问谁用ext来做国报表啊

31 楼 sp42 2008-05-11  

yanshiyi 写道

microboat 写道

把每个模块都封装成JS类，主页面动态加载，用哪个模块就加载哪个。我目前就是这么做的，真正的单页系统。

如果模块达到上百个，每个模块都很很多自己的函数，你又该怎么办？估计到时候js函数都有1m多了。

不要简单地套用ext组件。
可自己尝试着写一些复合组件，即在ext组件上再联合封装一下，
通过项目的实践，感觉还是有必要建立适应程序自身的“控件”（crud、分类等）

30 楼 csf177 2008-05-10  

Ext在内存泄漏上已经下了很多工夫了
很遗憾还有这么多问题 只能等它自己解决了

29 楼 microboat 2008-04-08  

// 定义主程序类
App = function(){    
    this.init();
}
Ext.extend(App, Ext.util.Observable, {
    init: function(){ 
        //每个模块的父面板，注意id和js文件名是一样的      
        this.tab1 =  new Ext.Panel({
            title: '个人资料',
            id: 'person'
        });
        this.tab2 =  new Ext.Panel({
            title: '公司资料',
            id: 'company',
            layout: 'fit'
        });
        this.body = new Ext.TabPanel({
            region:'center',
            margins:'0 5 0 5',
            autoScroll: true,
            items: [this.tab1, this.tab2]
        });
        
        var viewport = new Ext.Viewport({
            layout:'border',
            items:[
                new Ext.BoxComponent({region:'north', el:'header', height:60}),
                new Ext.BoxComponent({region:'south', el:'footer', height:50}),
                this.body
            ]
        }); 
        
        this.body.on('tabchange', this.tabActive, this);
        this.loadMask = new Ext.LoadMask(this.body.body);
        this.body.activate(this.tab1);

    },
    
    tabActive: function(p,t){
        //如果此模块已加载就返回
        if(this[t.id]){
            return false;
        }
        this.loadMask.show();
        Ext.Ajax.request({
            method:'GET',
            url: 'modules/'+t.id+'.js',  //加载对应的模块js文件
            scope: this,
            success: function(response){
                var module = eval(response.responseText);
                //实例化模块类并把模块父面板的id作为对象名
                   this[t.id] = new module(t);
                this.loadMask.hide();
            }
        });
    }
});


//定义模块基类
App.Module = function(main){
    this.main = main;
    this.init();
}

Ext.extend(App.Module, Ext.util.Observable, {
    init : Ext.emptyFn
});

Ext.onReady(function(){
    Ext.QuickTips.init();
    desktop = new App();
});

某个模块类

Ext.extend(App.Module, {
    init: function(){
        this.panel = new Ext.Panel({
            html:'这是模块面板'
        });
        
        this.main.add(this.panel);
        this.main.doLayout();
    }
});

欢迎加入Q Q群37921608讨论。

28 楼 fangzhouxing 2008-04-08  

microboat,能详细描述一下你的开发方法吗？

27 楼 microboat 2008-04-07  

把每个模块都封装成JS类，主页面动态加载，用哪个模块就加载哪个。我目前就是这么做的，真正的单页系统。

26 楼 fangzhouxing 2008-04-07  

用ExtJS开发大型企业级应用的最佳实践，可以参考：
1）http://extjs.com/forum/showthread.php?t=26728

2）http://extjs.com/blog/2008/03/31/implementation-spotlight-jama-contour/

25 楼 jiakechong 2008-04-06  

有人用google的gwt吗,好象界面效果跟ext差不多把

24 楼 bevin_b 2008-03-17  

没有什么恭与不恭，我承认我就是菜鸟

只是希望高手在指点大家的时候，能先认真看看别人说的是什么，甚至能再浪费一点宝贵的时间自己去试一试真的有没有这种问题存在．就像被你引用的几句话，和你所说的好象没有什么联系吧