Dreamweaver CS3集成(chéng)了AJAX框架Spry,使得我最近对Spry感(gǎn)上了(le)兴趣。
再次说明下 Spry是Adobe公司推出的(de)AJAX框架 ,所谓AJAX框(kuàng)架,就先谈目前流(liú)行的(de)Web2.0。
1,这些Web2.0站(zhàn)点(diǎn)从(cóng)页面形式上来(lái)看,页面与浏览(lǎn)者的交互很时尚、也很人性(xìng)化。比如注册信息时输入邮箱不(bú)规则,页面立即提示……当然(rán)这在(zài)Web2.0之前已有应用,但是从来没有哪(nǎ)个时(shí)候像现在如此推崇此类即(jí)时检测等很符合用(yòng)户体验的技术,这些脱离不了Javascript脚本的编(biān)写,其已属于AJAX的定义(yì)范畴。
2,当然AJAX不仅仅是这(zhè)些,比(bǐ)如要做个“TabPane 选(xuǎn)项卡”很炫酷的(de)页面展(zhǎn)示功能,我(wǒ)们手写Javascript脚本就比较的费事,当然(rán)还有(yǒu)很(hěn)多的在Web2.0站点看(kàn)到的(de)比如(rú)“显示(shì)和隐藏”、“淡入淡出”等特效(xiào),这些都离不(bú)开Javascript,而现在我们也称为AJAX技术(shù)。
3,AJAX最核心(xīn)的技术就是数据处理的能力,并能进(jìn)行远程异(yì)步处理(lǐ)的能力,主(zhǔ)要集中在对XML数(shù)据的数(shù)据交互上。
所有这些,Javascript占最大(dà)比重,XHTML、CSS作为表(biǎo)现形式而存(cún)在、因(yīn)XML涉及的XSLT、XPATH等技术融(róng)入其(qí)中,还(hái)有相关(guān)的DOM操作(zuò),这些所有有需要功能(néng)文件的组合体就构成了AJAX框架(如果可以,你也可以(yǐ)自己写一个AJAX框架给大家使(shǐ)用)。
Adobe Spry 介绍页有这样一句(jù)话:
With Spry, you can use HTML code, CSS code, and a minimal amount of JavaScript to incorporate XML data into your HTML documents, create widgets such as accordions and menu bars, and add different kinds of effects to various page elements.
使用Spry框架,用HTML、CSS、JavaScript就可以在HTML文章中展现XML数据(jù)、建立诸如炫酷菜单的一些界(jiè)面,还有其他的一些页面(miàn)特(tè)效(大体上分了三类内容,这也是(shì)Spry AJAX框架所具备的)。
由此,学习(xí)Spry就(jiù)可以(yǐ)从如下(xià)三点开(kāi)始:
Working with Spry widgets
Working with Spry Effects
Working with Spry XML Data Sets
前天关于 Dreamweaver CS3集成Spry效(xiào)果试用(yòng) 就是Spry widgets中的一(yī)例,今天介(jiè)绍的(de)表单检测还属(shǔ)其(qí)中内容。
在页面中插入“Spry”-“Spry validation text field”文本框(kuàng)之后,在选中该表单元(yuán)素之后除了显(xiǎn)示其元素属性以外,在(zài)选(xuǎn)择该表单(dān)元(yuán)素之上的(de)蓝色(sè)文本“Spry TextField”,属(shǔ)性面板中显示了(le)表单验证相关的选项内容。
比如(rú)下图就是选择(zé)“Type”是“Email Address”的邮(yóu)件输入检测,触发(fā)的动作(zuò)默认是“Submit”,当然(rán)自己也可(kě)以选择“Blur”或“Change”,对于这(zhè)些操作,则(zé)要求使用者(zhě)具备简单的Javascript知识。还可以设置默(mò)认文本提示,是(shì)否必须(xū)填(tián)写等。
测试地址: http://www.dw8.cn/demo/spry/spry_form.html
这些操作,对于(yú)有(yǒu)Dreamweaver经验的用户(hù)来(lái)说(shuō),曾经是(shì)在DW的脚本行为中的操作,不过(guò)那(nà)些显示的是弹出(chū)警告框,而现在是紧随表(biǎo)单元素之(zhī)后的即(jí)时显示(shì)的(de)文字信息(xī),相比较一下哪个(gè)更让用户觉(jiào)得亲(qīn)切呢?——这(zhè)就是(shì)Web2.0在表现形式上质的飞跃。
利用Spry框架提供这些操(cāo)作不仅生成(chéng)基于标准的XHTML+CSS代码,还能完成完善用户体验的页面功(gōng)能,这是在Dreamweaver cs3初试Spry的体(tǐ)会。
下面(miàn)再试用(yòng)下(xià)Spry框架(jià)的Effects和XML Data,相信更精彩。 |