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