《二动态页面表达及其技术基础》由会员分享,可在线阅读,更多相关《二动态页面表达及其技术基础(20页珍藏版)》请在金锄头文库上搜索。
1、二动态页面表达及其技术基础Stillwatersrundeep.流静水深流静水深,人静心深人静心深Wherethereislife,thereishope。有生命必有希望。有生命必有希望1 动态网页技术基础动态网页技术基础这里的这里的“动态动态”重点不在于如何获得数据、也不重点不在于如何获得数据、也不在于如何构建复杂的业务逻辑,而是实现用户与在于如何构建复杂的业务逻辑,而是实现用户与应用程序的通信,以及如何将所获得的数据显示应用程序的通信,以及如何将所获得的数据显示在网页中,主要目标仍然在网页上,在信息的表在网页中,主要目标仍然在网页上,在信息的表达上,特别是信息的双向交互上。达上,特别是信息
2、的双向交互上。ScriptScript:脚本(嵌入脚本(嵌入HTML语句中的程序语言)语句中的程序语言) JavaScript是由是由Java的语法派生而来的,故被称的语法派生而来的,故被称作作Java脚本。脚本。Microsoft开发了基于开发了基于 Visual Basic的的 Script语言,即语言,即 VBscript。后来,微软。后来,微软又开发了类似又开发了类似JavaScript的语言,叫做的语言,叫做JScript。服务器端脚本:服务器端执行的脚本程序。服务器端脚本:服务器端执行的脚本程序。 Page 脚本与服务器端脚本脚本与服务器端脚本服务器端脚本程序来说,解释的工作是由服
3、务器在将页面发出到浏览服务器端脚本程序来说,解释的工作是由服务器在将页面发出到浏览器之前完成的。器之前完成的。Todays DateTodays DateTodays Date isTodays Date is?php?Todays DateTodays DateTodays Date isTodays Date isWednesday, June 7th 2000.Wednesday, June 7th 2000. Page 脚本比较脚本比较脚本:脚本:使一个站点中的网页对终端的用户响应性更好,来执行基使一个站点中的网页对终端的用户响应性更好,来执行基本的逻辑操作和编程。本的逻辑操作和编程。
4、更更多多的的简简单单操操作作,例例如如验验证证用用户户在在一一个个字字端端中中输输入入数数据据,或或者者是是浏浏览览器器端端的的其其他他一一些些交交互互式式的的操操作作,通通过过服服务务器器的的程序来判断并不是一种好的解决方案。程序来判断并不是一种好的解决方案。服务器端:服务器端:不存在浏览器兼容的问题。不存在浏览器兼容的问题。可以访问服务器端的资源。可以访问服务器端的资源。简化了客户端的装载。简化了客户端的装载。 Page 2 客户端应用技术客户端应用技术Java AppletsJava AppletsActiveXActiveX Page Java AppletsJava AppletsJ
5、ava Java Applet Applet 是是由由 Java Java 语语言言编编写写的的包包含含在在网网页页里里的的“小小应应用用程程序序”,它它不不能能独独立立运运行行,而而必必须须嵌嵌入入一一个个HTMLHTML文件之中,由浏览器解释之后作为网页的一部分来执行。文件之中,由浏览器解释之后作为网页的一部分来执行。 请求请求 响应响应HTMLHTML 图图 客户端执行逻辑示意图客户端执行逻辑示意图ClientClient( (浏览器浏览器) )Web ServerWeb ServerHTMLHTML页面页面AppletApplet Page ActiveXActiveXMicrosof
6、tMicrosoft将将ActiveXActiveX定定义义为为一一组组综综合合技技术术,这这些些技技术术使使得得用用任任何何语语言言写写的的软软件件构构件件在在网网络络环环境境中中都都能能相相互互操操作作。在在这这些些技技术术当当中中,ActiveXActiveX控控件件与与WebWeb设设计计的的关关系系最最密密切切。基基本本上上,一一个个ActiveXActiveX控控件件是是一一个个下下载载到到IEIE,唯唯一一支支持持这这种种技技术术的的浏浏览览器器,并并在在客客户户端端执执行行的的功功能能完完全全的的程程序序。ActiveXActiveX与与Microsofts Microsoft
7、s WindowsWindows操操作作系系统统一一起起工工作作,这这可可以以提提供供比比Java Java appletapplet更更强强大大的的功功能能,但它只能在但它只能在WindowsWindows环境下工作。环境下工作。 Page 3 客户端脚本技术客户端脚本技术JavaScriptJavaScriptJscriptJscriptVBScriptVBScript Page 浏览器支持浏览器支持程序程序IEIE可否执行可否执行NCNC可否执行可否执行JavaScript JavaScript VBScript VBScript ActiveXActiveX控件控件 Page 分析分析
8、使用客户端脚本的好处:使用客户端脚本的好处: 服服务务器器与与用用户户的的通通信信比比较较少少,需需要要的的服服务务器器资资源源比比较较少少(由由于于在在客客户户端端执执行行一一些些业业务务逻逻辑辑),可可以以对对用用户户动动作作作作更更多多的的响响应应(如如鼠鼠标标移动)。移动)。 支支 持持 这这 种种 体体 系系 结结 构构 的的 技技 术术 包包 括括 :JavaScriptJavaScript、JscriptJscript、VBScriptVBScript等。等。 Page JavaScriptJavaScript透过它可以做到回应使用者的需求事件(如:透过它可以做到回应使用者的需求
9、事件(如:form的的输入)而不用任何的网络来回传输资料,所以当一位输入)而不用任何的网络来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给服务器使用者输入一项资料时,它不用经过传给服务器(server)处理,再传回来的过程,而直接可以被客)处理,再传回来的过程,而直接可以被客户端(户端(client)的应用程序所处理。也可以想像成有一)的应用程序所处理。也可以想像成有一个可执行程序在自己的客户端上执行一样。个可执行程序在自己的客户端上执行一样。可以嵌入可以嵌入HTML页页的基于对象的的基于对象的解释性脚本语言解释性脚本语言 Page Javascript在网页的用法在网页的用法Ja
10、vascript加入网页有两种方法:加入网页有两种方法:直接加入直接加入HTML文档:文档:引引用用方方式式:如如果果已已经经存存在在一一个个JavascriptJavascript源源文文件件(以以jsjs为为扩扩展展名名),则可以采用这种引用的方式,以提高程序代码的利用率。则可以采用这种引用的方式,以提高程序代码的利用率。script language=Javascript“ src Script.js 。!-!-document.writeln(document.writeln(这这是是JavascriptJavascript!采采用用直接插入的方法!直接插入的方法!);); Page
11、JavaScript的基本语法的基本语法 JavaScript JavaScript代码由代码由 Script Script Language=”JavaScript”Language=”JavaScript” ScriptScript说明,在标识之间就可加入说明,在标识之间就可加入JavaScriptJavaScript脚本。脚本。JavaScriptJavaScript脚脚本本语语言言同同其其他他语语言言一一样样,有有它它自自身身的的基基本本数数据据类类型型、表表达达式式和和算算术术运运算算符符以以及及程程序序的的基基本本框框架结构。架结构。JavaScript脚脚本本语语言言的的基基本本
12、构构成成是是由由控控制制语语句句、函函数数、对象、对象、方法和属性等来实现编程的方法和属性等来实现编程的。 Page 示例示例/ JavaScript Appears here./ JavaScript Appears here.alert(alert(这是第一个这是第一个JavaScriptJavaScript例子例子!);!);alert(alert(欢迎你进入欢迎你进入JavaScriptJavaScript世界世界!); !); alert(alert(今后我们将共同学习今后我们将共同学习JavaScriptJavaScript知识!知识!);); Page JavaScript基本特
13、点基本特点是一种脚本语言,它采用小程序段的方式实现编程。是一种脚本语言,它采用小程序段的方式实现编程。基于对象的语言。基于对象的语言。简简单单性性,主主要要体体现现在在:首首先先它它是是一一种种基基于于JavaJava基基本本语语句句和和控控制制流流之之上上的的简简单单而而紧紧凑凑的的设设计计,从从而而对对于于学学习习JavaJava是是一一种非常好的过渡。种非常好的过渡。动动态态性性,它它可可以以直直接接对对用用户户或或客客户户输输入入做做出出响响应应,无无须须经经过过WebWeb服务程序。服务程序。 Page JavaScript与与JAVA的比较的比较是两个公司开发的不同的两个产品。是两
14、个公司开发的不同的两个产品。解释和编译。解释和编译。强变量和弱变量。强变量和弱变量。代码格式不一样。代码格式不一样。Integer x; String y;x=1234;y=4321;x=1234;y4321; Page JscriptJscriptJscriptJscript只只有有在在Microsoft Microsoft IEIE的的解解释释器器下下才才能能运运行行。JscriptJscript和和 JavascriptJavascript在在某某种种程程度度上上很很相相似似,另另一一方方面,它们也有一些重要的差异。面,它们也有一些重要的差异。 Page VBScriptVBScript
15、VBScript是是Microsoft Visual Basic家家族族的的成成员员。VBScript为为 IE带带来来了了“动动态态脚脚本本”,它它同同样样也也被被 Windows脚脚本本主主机机所所支支持持。在在基基于于浏浏览览器器技技术术的的Web开开发发环环境境中中,VBScript与与JScript的的特特征征非非常常的的相相似似(包包括括与与ActiveX的的紧紧密密集集成成),但但是是它它有有自自己己的的来来自自Visual Basic的的语语法法。因因此此, VBScript除了除了IE以外不被其他公司的浏览器支持。以外不被其他公司的浏览器支持。 Page 服务器端脚本服务器端
16、脚本控控制制逻逻辑辑:服服务务器器收收到到客客户户端端的的请请求求,取取出出传传递递的的参参数数并并确确定定相相应应的的“业业务务对对象象”,并并进进行行适适当当的的“业业务务动作动作”。好好处处:所所需需的的客客户户端端资资源源很很少少,应应用用逻逻辑辑不不用用装装入入,启启动动用用户户交交互互所所需需的的网网络络通通信信量量很很少少,动动态态内内容容完完全全由由服服务务器器端端的的可可执执行行代代码码完完成成,仅仅仅仅将将HTMLHTML页页面面返返回回客客户户端端,这这样样服服务务器器端端的的应应用用程程序序就就不不必必考考虑虑浏浏览览器器和客户平台的差异。和客户平台的差异。支支持持这这种种体体系系结结构构的的技技术术很很多多,包包括括:ASPASP、JSPJSP、PHPPHP等。等。 Page 比较比较特性特性 客户端脚本客户端脚本服务器端脚本服务器端脚本导航、定位导航、定位 比较强比较强 能力差能力差客户端资源客户端资源 较多较多 少少服务器资源服务器资源 少少 较多较多响应时间响应时间 较快、下载时间长较快、下载时间长 长长信息传输少信息传输少 较少较少 大量大量安全性安全性 极少极少 较安全较安全兼容性兼容性 许多问题许多问题 最好最好 Page