利用Java开发Web应用(一): 常见的浏览器端使用的技术
2009-11-05 00:00:00 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽i鍓х<闁绘劦鍓欓崝銈囩磽瀹ュ拑韬€殿喖顭烽幃銏ゅ礂鐏忔牗瀚介梺璇查叄濞佳勭珶婵犲伣锝夘敊閸撗咃紲闂佺粯鍔﹂崜娆撳礉閵堝洨纾界€广儱鎷戦煬顒傗偓娈垮枛椤兘骞冮姀銈呯閻忓繑鐗楃€氫粙姊虹拠鏌ュ弰婵炰匠鍕彾濠电姴浼i敐澶樻晩闁告挆鍜冪床闂備浇顕栭崹搴ㄥ礃閿濆棗鐦遍梻鍌欒兌椤㈠﹤鈻嶉弴銏犵闁搞儺鍓欓悘鎶芥煛閸愩劎澧曠紒鈧崘鈹夸簻闊洤娴烽ˇ锕€霉濠婂牏鐣洪柡灞诲妼閳规垿宕卞▎蹇撴瘓缂傚倷闄嶉崝搴e垝椤栫偛桅闁告洦鍨扮粻鎶芥倵閿濆簼绨藉ù鐘荤畺濮婃椽妫冨☉娆愭倷闁诲孩鐭崡鎶芥偘椤曗偓瀹曞爼顢楁径瀣珫婵犳鍣徊鍓р偓绗涘洤绠查柛銉墮閽冪喖鏌i弬鎸庢喐闁荤喎缍婇弻娑⑩€﹂幋婵囩亪濡炪値鍓欓悧鍡涒€旈崘顔嘉ч幖绮光偓鑼嚬缂傚倷绶¢崰妤呭箰閹间焦鍋╅柣鎴f绾偓闂佺粯鍔曠粔闈浳涢崘顔兼槬闁逞屽墯閵囧嫰骞掗幋婵愪紑閻庤鎸风粈渚€鍩為幋锔藉亹闁圭粯甯╂导鈧紓浣瑰劤瑜扮偟鍒掑▎鎾宠摕婵炴垶鐭▽顏堟煙鐟欏嫬濮囨い銉︾箞濮婃椽鏌呴悙鑼跺濠⒀傚嵆閺岀喖鎼归锝呯3闂佹寧绻勯崑娑㈠煘閹寸姭鍋撻敐搴樺亾椤撴稒娅婇柡灞界У濞碱亪骞忕仦钘夊腐闂備焦鐪归崐鏇㈠箠閹邦喗顫曢柟鎯х摠婵挳鏌涢幘鏉戠祷闁告挸宕—鍐Χ閸℃浠搁梺鑽ゅ暱閺呮盯鎮鹃悜钘壩ㄧ憸澶愬磻閹剧粯鏅查幖绮瑰墲閻忓秹姊虹紒妯诲鞍婵炲弶锕㈡俊鐢稿礋椤栨氨鐤€闂傚倸鐗婄粙鎰姳閼测晝纾藉ù锝堟閻撴劖鎱ㄥΟ绋垮婵″弶鍔欓獮妯兼嫚閼碱剦妲伴梻浣稿暱閹碱偊宕愭繝姣稿洭寮舵惔鎾存杸濡炪倖姊婚妴瀣啅閵夛负浜滄い鎾跺仜濡插鏌i敐鍥у幋妤犵偞甯¢獮瀣籍閳ь剟鎮楁繝姘拺閻熸瑥瀚崕妤呮煕濡 鍋撻悢鎻掑緧婵犵數濮烽弫鍛婃叏閻戣棄鏋侀柛娑橈攻閸欏繑銇勯幘鍗炵仼缁炬儳顭烽弻鐔煎礈瑜忕敮娑㈡煃闁垮鐏﹂柕鍥у楠炴帡宕卞鎯ь棜缂傚倸鍊风粈渚€藝闁秴鏋佸┑鐘虫皑瀹撲線鏌涢埄鍐姇闁稿﹦鍏橀弻娑樷攽閸℃浼€濡炪倖姊归崝鏇㈠煘閹达附鍊婚柛銉㈡櫇鏍¢梻浣告啞閹稿鎮烽敂鐣屸攳濠电姴娲﹂崵鍐煃閸濆嫬鏆熼柨娑欑矒濮婇缚銇愰幒鎴滃枈闂佸憡鐟ユ鎼佸煝閹炬枼鍫柛顐ゅ枔閸樻悂鏌h箛鏇炰户缁绢厼鐖煎畷鎴﹀箻鐠囪尙鐤€婵炶揪绲介幉锟犲磹椤栫偞鈷戠痪顓炴噹娴滃綊鎮跺☉鏍у姦闁糕斁鍋撳銈嗗笒閸燁偊鎯冨ú顏呯厸濞达絽婀辨晶顏堟煃鐟欏嫬鐏撮柟顔界懇瀵爼骞嬮悩杈敇闂傚倷绀佸﹢杈ㄧ仚闂佺濮ょ划搴ㄥ礆閹烘绫嶉柛顐ゅ枎娴犺櫣绱撴担鍓插創妞ゆ洘濞婇弫鍐磼濞戞艾骞堥梻浣告惈濞层垽宕濆畝鍕€堕柣妯肩帛閻撴洟鏌熼懜顒€濡煎ù婊勫劤閳规垿鏁嶉崟顐℃澀闂佺ǹ锕ラ悧鐘茬暦濠靛鏅濋柍褜鍓熼垾锕傚锤濡も偓閻掑灚銇勯幒宥堝厡缂佺姴澧介埀顒€鍘滈崑鎾斥攽閻樿京绐旈柛瀣殔閳规垿顢欑涵鐑界反濠电偛鎷戠徊鍨i幇鏉跨闁瑰啿纾崰鎾诲箯閻樼粯鍤戦柤绋跨仛濮f劙姊婚崒姘偓鐑芥嚄閼哥數浠氭繝鐢靛仜椤曨參宕楀Ο渚殨妞ゆ劑鍊栫€氭氨鈧懓澹婇崰鏍р枔閵婏妇绡€闁汇垽娼ф牎缂佺偓婢樼粔鐟邦嚕閺屻儱绠甸柟鐑樼箘閸炵敻鏌i悩鐑橆仩閻忓繈鍔岄蹇涘Ψ瑜夐崑鎾舵喆閸曨剙纰嶅┑鈽嗗亝缁诲倿锝炶箛娑欐優闁革富鍘鹃敍婊冣攽閳藉棗鐏犻柟纰卞亰閿濈偛顓奸崶鈺冿紳婵炶揪缍侀ˉ鎾诲礉瀹ュ鐓欑紒瀣仢閺嗛亶鏌i敐鍥у幋妤犵偛顑夐弫鍐焵椤掑倻涓嶅┑鐘崇閸嬶綁鏌涢妷鎴濆暟妤犲洭鎮楃憴鍕碍缂佸鎸抽垾鏃堝礃椤斿槈褔鏌涢埄鍏狀亪妫勫鍥╃=濞达絽澹婇崕鎰版煕閵娿儱顣崇紒顔碱儏椤撳吋寰勭€n亖鍋撻柨瀣ㄤ簻闁瑰搫绉堕ˇ锔锯偓娈垮枛閻忔繈鍩為幋锕€鐓¢柛鈩冾殘娴狀垶姊洪崨濠庣劶闁告洦鍙庡ú鍛婁繆閵堝繒鍒伴柛鐕佸灦瀹曟劙宕归锝呭伎濠碘槅鍨抽崢褎绂嶆ィ鍐╁€垫慨妯煎亾鐎氾拷

一个好的编程模型,必须要具备良好的功能性、可靠性、可用性、高效性、可维护性和可移植性。而Java作为一种编程语言,其特点符合了这些要求,所以在 Web应用的开发中得到了广泛的使用。当前最流行的Web应用服务器,也多采用Java架构,如IBM的WebSphere Application Server和BEA的WebLogic Application Server等。Java的各种技术在应用服务器之上的其他部分扮演着重要的角色,成为整个Web应用的灵魂。如何选择一个合理的编程模型,有效的利用它们,就成为一个重要的环节。那种随心所欲的开发虽然在最初阶段会进度很快,但无论是自上而下还是自下而上的开发模式,都会感到越来越做不下去,而开发往往变成了打补丁,即使勉强完成,也会给将来的维护与升级带来致命的隐患。或许,在设计阶段选择一种合理的编程模型会用去一些时间,看上去影响了开发的进度,但是它所带来的益处却是十分明显的。
一个Web应用一般分为浏览器端和服务器端两个部分。每个部分又包含着不同层次。在介绍这个典型的编程模型之前,还是让我们先对这个编程模型中所涉及到的各个组成部分有所了解,然后再将它们整合在一起,说明它们在整个编程模型中的地位和所起到的作用。文中还涉及到了一些不同的技术在Web应用开发过程中的优势和劣势的分析,希望这些分析能对其他开发项目的设计与实施有所借鉴和帮助。
1. HTML
HyperText Markup Language (HTML)是浏览器识别的语言,通过它我们可以让浏览器显示出任何需要提供的信息(文本、表格、表单、图象等),它是Web应用的最终结果。HTML文件是一种静态的页面,其优点是不用经过其他的处理,而且可以被浏览器或proxy服务器存在cache中,所以对HTML页面请求的反应时间比较快。另一个优点就是它可以通过一些网页编辑器(如WebSphere Studio中的PageDesigner, FrontPage, Dreamweaver等)以所见即所得的方式生成和编辑,这样就可以很方便的维护和修改。然而,它静态的特性往往是不能满足需要的,我们不可能为一点点的改变去创建许多的HTML文件。另外,不同的浏览器所支持的HTML规范是不同的,有时在一个页面在一种浏览器中的布局很合适,但是到了另一个浏览器中就会产成这样或那样的问题。有时同一种功能,不同的浏览器的实现方法也会不同。多数情况下,我们都是利用不同浏览器都支持的HTML功能,这种解决方案势必限制了Web应用的表现力,影响了实现某种功能的难易程度。
2. DHTML
Dynamic HyperText Markup Language (DHTML)是对HTML的一个补充。在DHTML中,HTML页面上的所有元素都被当作对象来处理,它们有自己的属性和事件。对它们的控制也就是改变它们的属性和触发它们的某些事件。所有这些对象共同构成了Document Object Model(DOM)。关于DOM的信息,可以到 http://www.w3.org站点找到。DHTML为Web应用提供了一种动态机制,它也是在浏览器被端处理的,一些简单的操作,如确认、数据验证和动态的菜单,都可以不通过向服务器提交请求,而直接在客户端通过javascirpt来处理。所以它可以在一定程度上减轻服务器的负荷,大大缩短响应的时间。和HTML一样,DHTML 也面临着各个浏览器所支持的功能不统一的问题。经常地,我们为了能兼容尽量多的浏览器,要加入许多的判断和为不同的浏览器编写实现同一种功能的脚本。目前,主要有两种主流的javascript,它们分别在Netscape的javascript( http://developer.netscape.com)和Microsoft IE所支持的jscript (Microsoft MSDN)。虽然两者在很大程度上都是兼容的,但是在很多细节方面都有着明显的差别。和Microsoft的jscript相比,Netscape的javascript向开发人员提供的可以控制的对象和对象的属性、事件都少的多。但是,这个缺陷在Netscape 6.0中所支持的javascript 1.5得到了很大的改善。另外,对javascript的调试也是比较困难的,因为到目前为止,还没有什么兼容性和功能都很强的调试器可以用,而最常用的调试方法还局限在打印调试信息这种最基本的方法上。
3. XML、DTD与XSL
另一个组成部分也是在浏览器端处理的,它就是XML、DTD和XSL。在XML文件中,我们可以创造自己的标签,这会是文件更加具有描述性。DTD是一种特殊的XML文件,它定义了XML文件中数据的合法性。XML文件可以通过关联某个DTD文件来进行验证。同样,XSL文件也是一种特殊的XML文件,它记载了表单(stylesheet)信息,其作用是将XML中自定义的标签映射成为HTML的各种元素,不同的表单信息,可以将相同的XML文件转换成为不同的风格。利用XML、DTD和XSL的这些特性,我们可以在不改变整个Web应用的各个组成部分的情况下,很容易的改变这个应用Look and Feel。但是现在真正支持XML的浏览器还很少,而且XSL调试起来也相当困难,所以我们还是会更倾向于使用HTML和DHTML。
更多精彩
赞助商链接