您的位置:资讯频道 > 技术文档 > DHtml/Script

关于服务端生成js的构思

来源:个人博客   作者:布衣郎   时间:2008-01-03  点击:420 次

      研究了 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 而做的,那也就无所谓了。