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