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