论坛首页 Web前端技术论坛

计量自动化系统前端Extjs 设计总结

浏览 14498 次
精华帖 (0) :: 良好帖 (1) :: 新手帖 (0) :: 隐藏帖 (17)
作者 正文
   发表时间:2011-03-24   最后修改:2011-03-28
      Extjs 主要用来开发RIA富客户端的AJAX应用,主要用于创建前端用户界面,与后台技术无关的前端ajax框架。为什么会考虑采用此框架呢?主要是之前系统是采用C/S结构的,交互性比较强,用户操作习惯了,目前应广东省局要求要开发j2ee的B/S结构的系统。
      Extjs架构前端框架有以下几种方式,一是纯js+Ajax技术,所有功能都用js来完成,与服务器交互靠的是Ajax,其中没有服务端标签如jsp tag等;还有是iframe +jsp + js+Ajax,下面重点是讲这类方式,因为我们系统就是采用这种方式,考虑的原因有以下几方面:
1) 开发团队里精通js的成员很少
2) 方便系统分模块化开发
3) 系统里还用到了ecside组件,它的性能优于Extjs的grid
     下面讲讲实现方式吧,先看几张图:



图一




图二




图三
整个系统框架分成三部分:第一是head部分,放置系统logo,菜单;第二部分也是主要部分,可以切换系统各模块,如portal首页,带左边树的tab子功能,纯tab子功能,见上面三张图;第三部分是状态栏包括操作员信息,告警信息等。
图上用红色或绿色标出的都是用iframe的。
  • 大小: 184 KB
  • 大小: 238.1 KB
  • 大小: 164.4 KB
   发表时间:2011-03-24   最后修改:2011-03-27
由于担心涉及到版权问题与商业机密,删除演示系统链接,很抱歉!
0 请登录后投票
   发表时间:2011-03-24  
各位看官多提宝贵意见! 
0 请登录后投票
   发表时间:2011-03-25  
登陆不进去啊。

感觉很熟悉,呵呵,以前我就是做计量的,太亲切了。

不过你这个计量还包括了生产和高、低压营销的内容,看来农电和供电,还有南北方还是有差异的。

用ext做这种程序,还凑活,但是如果做低压收费,可就不行了。我以前做的收费系统因为操作需要非常快速的响应,所以没有采用EXT。

如果业务经常变化,改起来可就麻烦了,如果你们没遇到过1天做10多个报表的情况的话就没问题了(1个人)。
0 请登录后投票
   发表时间:2011-03-25  
多谢楼上能谈谈自己的看法,下面我有时间会接着说说在项目进程遇到的一些问题与解决方法。
0 请登录后投票
   发表时间:2011-03-26  
感觉像3.x的ext,ext改代码时候太累了,最讨厌改javascript了,但是又不得不用
0 请登录后投票
   发表时间:2011-03-26  
系统开发的很完善,不过缺点也很明显,页面加载速度太慢,不过电力内网用的话,应该没互联网问题这么严重,但是缺点很明显是IFRAME嵌套过多,导致EXT库反复加载影响了速度,EXT还是不小的,推荐楼主在第一层FRAME上只加载部分EXT插件,比如tree,tabpanel,就足够了,在最里层iframe里只加载grid一类,只是建议,这样可以加快加载速度。
0 请登录后投票
   发表时间:2011-03-26  
里面用了太多frame 每个html页面都重复去加载了ext包,,这样客户端加载extJs太慢,,我觉就一写个页面加载一次ext的js,,然后整个系统全用ext布局,,更后台交互,这样前段是否能体验度更高,,这是我个人意见,大家一起抛砖!谢谢
0 请登录后投票
   发表时间:2011-03-26  

必需得这样
用iframe是最傻的方法
不过楼主的界面不错 简洁美观

tedygrate 写道
里面用了太多frame 每个html页面都重复去加载了ext包,,这样客户端加载extJs太慢,,我觉就一写个页面加载一次ext的js,,然后整个系统全用ext布局,,更后台交互,这样前段是否能体验度更高,,这是我个人意见,大家一起抛砖!谢谢

0 请登录后投票
   发表时间:2011-03-26  
tedygrate 写道
里面用了太多frame 每个html页面都重复去加载了ext包,,这样客户端加载extJs太慢,,我觉就一写个页面加载一次ext的js,,然后整个系统全用ext布局,,更后台交互,这样前段是否能体验度更高,,这是我个人意见,大家一起抛砖!谢谢

不行的,那样确实可以效率很高,就像EXT的API一样,速度也不慢,但是,开发难度不是一般的大,而且维护起来很恐怖。
其实像楼主那样模块开发都是被开发周期和开发人员水平逼出来的,如果都是JS大师,也就没那么多讲究了。
所以我说将EXT的插件包分别加载就行,不要每次都全部加载,那很恐怖,另外第二层iframe能不用就不用更好,当然,难度也比较大,毕竟需求比较杂。
0 请登录后投票
论坛首页 Web前端技术版

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