AJAX及界面设计迁流

AJAX及界面设计迁流

inshua@gmail.com转载请注明出处

  AJAX 风潮迅速席卷 web 开发，遗老遗少很不理解，认为 AJAX 开发的东西不够稳健，没有导航等等。和旧 web 开发相比，AJAX 最重要的改进恐怕是在浏览器上可以和 CS 一样，留有一份不被刷掉的内存数据。正因为有 AJAX，CS 传统的界面开发模式 MVC 可以顺利的转移至 web。
 
 前文提出 DB2JS 开发方法，正是基于此。
 
 如何在浏览器实现 MVC，可能不少人听到这个单词就能悟出。
 
 M：javascript 对象搭建的数据模型。数据存储在JS对象中。
 V：HTML 页面
 C：呼叫 JS 对象的方法操纵 JS 对象的数据。JS 对象提供异步方法提交回数据库，按我的思路是呼叫数据库存储过程。
 
 此模型的 JS 对象，其作用乃至实现方式都和 .net 的 Dataset + DataAdapter 搭配相仿。甚至可以共用同一套存储过程和前端体系。
 
 借助 JS 语言的灵活性以及 DHTML 的丰富表现力，可以实现绚丽有趣的界面效果。
 
 XML 在该框架中可以扮演中介者，唯不能代替 JS 对象，这里可以把 XML 当做RelationDB，其与 JS 对象的关系仍似 ORM 的传统课题， 不过 JS 是动态语言，这种映射比在 JAVA里要好做得多。
 
 以上话题仍是关于 DB2JS。
 
 回顾界面发展的流派，可以发现三个主要的分支在会合。
 
 一支是来自传统印刷广告设计，旧行业的杂志编辑。其主要能力是图文混排。HTML 网页和 WORD 文档、PDF文档是其代表。从原理上，如果 WORD 文档不走平台绑定路线，其丰富的文字表现力和渲染速度本应让它在这个方面占得鳌头。既然WORD文档甘守一隅，在本文中，图文支派的代表自然为HTML。
 
 一支来自影片及照片加工，旧行业的美术摄影电影。其主要能力是绘画和动画。Flash，GIF和Photoshop，Illustrator是其代表。即使一个小小的GIF，也让世界变得多么美好。想想QQ传输图片的GIF等待图片，让用户在等待的时候还有一丝愉悦的美感。假如普通UI都具备Flash的无级缩放和Photoshop的绘制能力，其视觉效果恐怕只应游戏有。
 
 第三支是IT业的发明：窗口。其主要能力是位置固定和工程师费尽心机打造的固有控件。Windows、KDE是其代表。由于具有原生API支持，速度快。其实，如果细心想想，该支派的始祖可上溯为绘画支派。两个方面可以佐证：1、绘画支派天生支持绝对定位，我们很容易把窗口上发生的一切当作影片里的角色。2、绘画支派也的确发展出自己的窗口系统，比如 Flash的控件库。区分这两者的准则是自绘/API，便如Swing之于AWT。
 
 可以发现一个趋势，这三支在逐渐冲撞融合。
 
 在开天辟地之初，字符界面的阴影覆盖着整个电脑世界。
 后来，窗口依靠鲜艳的图标、丰富的UI元素奠定了UI世界的霸主地位。
 HTML的出现宣告另一个分支进入了UI战场，需要注意的是网页的舞台并不是具体的电脑，HTML狡猾的选择了WWW作为舞台。在几乎没有任何竞争对手的情况下，Internet 的UI天空变成了HTML的颜色。
 后来，HTML 加入了表单元素，将一些简单的窗口功能引入，其图文混排的“图”字，多了一个控件的含义。
 过了很久，Flash杀入界面战场，它最初的诉求和GIF类似，在 HTML 上的“图”里分一杯羹。
 起初窗口支派图谋借助JavaApplet 和 ActiveX和HTML杂交，却并没有成功，其情节耐人寻味。我想一个主要的原因是担任界面的人是美工，对需要理解一大堆API的窗口系统很难入戏。
 
 窗口支派在挤进HTML的努力失败后，继续一家独大电脑UI的美梦，发明了半透明的窗口等等新元素。可能考虑到进行图文混排的浏览器也是一个窗口，所以窗口支派以为图文支派的命脉在自己掌握中，没有屈尊主动和HTML杂交，没有移入HTML的核心内容：图文混排。想象窗口系统的按钮，如果能改造为图文混排，就可以复制界面上的文字，甚至整个窗口，到别处粘贴了。对用户而言，这种UI至少对上网搜索故障原因要方便得多。
 窗口系统的迟钝和它努力想挤进HTML的失败也许可以让我们发觉，原来程序员的UI观念和普通用户的UI观念有时是格格不入的。
 长期以来，作为程序员，我们皈依的是窗口支派。我们的第一份惊喜是CreateWindow，从那天开始，我们心里就没有<button></button>的位置了。如果要制作稍微复杂的UI，就不得不借助大量的富有挑战性的自绘来完成。例如在使用Delphi时，若客户需要奇偶行异色的网格，就需要自己派生网格来实现。其实想想，这些东西在HTML里多容易实现啊。是面向对象重要还是面向对象的目的重要，值得我们思考。
 
 天才们为HTML开发了一套脚本系统，让界面制作人员可以控制网页上的元素。同时HTML又获得了一种能力：CSS。
 前者让HTML获得了动态能力，使它可以模拟窗口系统的响应。后者除了批量格式化显示效果外，还意外的让HTML获得了层的能力，使其可以模拟窗口——以及动画支派的层。
 拥有这两种能力后，HTML改名叫DHTML。
 由于网站UI开发者的主体是美术人员，这些人汇集了人类对美的最佳理解，很容易便将图文混排的UI表现推进到远超过窗口支派。
 
 得到强援后，HTML支派变得躁动不安，妄图革自己的命。也可能是发迹于窗口支派的程序员发现了该支派的潜力后，对它有了独到的认识。HTML引入了XML+XSLT网页。回顾这场XML革命，其背后的理念是数据与表现分离。鉴于这种理念和图文混排的理念并不相同，恐怕难获成功。
 
 同时，动画支派也在蓬勃兴起，该支派凭借Flash及其 ActionScript完全将窗口支派纳入自己囊中。按理说这个支派的潜力最大，但由于没有本地API支持，其渲染速度与窗口支派始终有差距。另外，网站的商业追求将它推到令人厌恶的广告王座上，成为众矢之的，也湮没了它应有的才华。
 
 回顾过去发生的这一切，以及对最近业界的观察，未来的肇端已经隐约可见：
 
 图文支派凭借AJAX技术在浏览器这个舞台发挥出更大的威力，但它本身还没有动画派的绘制能力和矢量能力。未来的方向可能是 SVG。
 
 绘画支派的Flash过去在Macromedia的带领下，早已从GIF的替代品脱胎换骨，甚至在服务器端依靠RAI多方攻城略地。现在接管Flash的掌门人 ADOBE又提出将Flash作为桌面的宏伟构想。鉴于它已经可以囊括了窗口，只要引入图文混排的标记语言能力，再进一步提高渲染速度，这种天生可以跨平台的UI，即使不利用Flex，凭借天生不分平台的Web Server作为依托，也是一支非常可怕的力量。
 
 而窗口支派也已经觉悟，Vista的界面使用类似HTML的XAML来定义，全盘图文混排化，复又引入播放的概念，使界面行为具备动画的特征。这个举动也可以理解为，图文混排获得大捷，或者说，图文混排支派变成了API级别的图文混排了。考虑这种新的UI，只要换个CSS，以前梦寐以求的换肤功能即可实现。用户甚至可以通过修改XAML，调整界面定义，重新布局菜单和按钮。
 
 在和平和爱情的世界里，没有国界、没有硝烟。再也不见纯粹的HTML静态页面，也不见方方的窗口，融合终是大势所趋，最终受益的终是用户。