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