关于服务端生成js的构思

翻译|其它|编辑:郝浩|2008-01-03 13:23:17.000|阅读 951 次

概述:

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

      研究了 ext 很久了,一直想为 ext 直接封装一个服务端组件。考虑到 ext 组件的构建都是需要使用 js 来完成,那么服务端生成的代码也就是 js 而不是 html。
      如果采取纯 Ajax 的方式,类似于 Echo2的构造,不过这样对于 Session 可能是一个负担,同时可能会造成服务端的拥堵。不过使用纯 Ajax 有个好处,就是js只需要装载一次就行了。而如果使用各个不同的页面方式,则需要多次装载 ext 的 js 文件,这对于网络也是一个压力。
      不过创建的初衷,此框架主要还是使用于内部网,这样对于性能方面的担心可以略过了。
      设计流程如下:
      类似于 Jsf 的请求流程,提供 Lifecycle,基本上也就五个生命周期,apply request,process validators,update model,invokeAction,render ajax。
      先不考虑其他的生命周期,先来处理 render ajax 部分。基本构思还是以 render xml 为主,主要的格式如下:
    
<message xmlns="http://www.esoft.org/servermessage">
  <lib>
    <js url="widgets/ext-component"/>
  </lib>
  <script>Ext.QuickTips.init();</script>
  <content cid="W9"><div id="W39"/></content>
  <remove>Ext.get('W29').remove();</remove>
</message>
      lib 中主要用来装载 ext 的各个组件 js,这样不需要一次装载。
      script,主要的执行 js 脚本
      content 用于创建相应的 html
      remove 相应的删除 js 脚本

      为什么需要增加 remove 而不是把所有的脚本都放在 script 中。这是由于整个处理都在一个页面中,为了能按照顺序执行相应的脚本,remove 的脚本需要优先执行,当两个组件不停的切换的时候。

      client  对于脚本的解析流程如下:

      首先分批装载 js url,当所有的 js 装载完成后,执行 remove 脚本,遍历 content,增加相应的 html node,执行 script 脚本。

      对于页面的生成,基本上没有什么问题。
      只是如果采用这种方式,可能目前来说只能依赖于 ext 这个框架,对于服务端的灵活性也就大打折扣,不过既然是为了ext 而做的,那也就无所谓了。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:个人博客

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP