二动态页面表达及其技术基础课件

1、二、动态页面表达及其技术基础在WEB发展的早期，WEB服务器只提供静态的HTML页面，随着应用需求的增长和相关技术的发展，业务数据存储与WEB页面的集成变成了现实，从而推动了WEB应用从单一的信息提供发展为电子商务工具。 Page 11 动态网页技术基础这里的“动态”重点不在于如何获得数据、也不在于如何构建复杂的业务逻辑，而是实现用户与应用程序的通信，以及如何将所获得的数据显示在网页中，主要目标仍然在网页上，在信息的表达上，特别是信息的双向交互上。Script：脚本（嵌入HTML语句中的程序语言） JavaScript是由Java的语法派生而来的，故被称作Java脚本。Microsoft开发了

2、基于 Visual Basic的 Script语言，即 VBscript。后来，微软又开发了类似JavaScript的语言，叫做JScript。服务器端脚本：服务器端执行的脚本程序。 Page 2脚本与服务器端脚本服务器端脚本程序来说，解释的工作是由服务器在将页面发出到浏览器之前完成的。Todays DateTodays Date isTodays DateTodays Date isWednesday, June 7th 2000. Page 3脚本比较脚本：使一个站点中的网页对终端的用户响应性更好，来执行基本的逻辑操作和编程。更多的简单操作，例如验证用户在一个字端中输入数据，或者是浏览器端

3、的其他一些交互式的操作，通过服务器的程序来判断并不是一种好的解决方案。服务器端：不存在浏览器兼容的问题。可以访问服务器端的资源。简化了客户端的装载。 Page 4Java AppletsJava Applet 是由 Java 语言编写的包含在网页里的“小应用程序”，它不能独立运行，而必须嵌入一个HTML文件之中，由浏览器解释之后作为网页的一部分来执行。 请求 响应HTML 图 客户端执行逻辑示意图Client(浏览器)Web ServerHTML页面Applet Page 6ActiveXMicrosoft将ActiveX定义为一组综合技术，这些技术使得用任何语言写的软件构件在网络环境中都能相

4、互操作。在这些技术当中，ActiveX控件与Web设计的关系最密切。基本上，一个ActiveX控件是一个下载到IE，唯一支持这种技术的浏览器，并在客户端执行的功能完全的程序。ActiveX与Microsofts Windows操作系统一起工作，这可以提供比Java applet更强大的功能，但它只能在Windows环境下工作。 Page 7浏览器支持程序IE可否执行NC可否执行JavaScript VBScript ActiveX控件 Page 9分析使用客户端脚本的好处： 服务器与用户的通信比较少，需要的服务器资源比较少（由于在客户端执行一些业务逻辑），可以对用户动作作更多的响应（如鼠标移动

5、）。 支持这种体系结构的技术包括：JavaScript、Jscript、VBScript等。 Page 10JavaScript透过它可以做到回应使用者的需求事件（如：form的输入）而不用任何的网络来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给服务器（server）处理，再传回来的过程，而直接可以被客户端（client）的应用程序所处理。也可以想像成有一个可执行程序在自己的客户端上执行一样。可以嵌入HTML页的基于对象的解释性脚本语言 Page 11Javascript在网页的用法Javascript加入网页有两种方法：直接加入HTML文档：引用方式：如果已经存在一个Javas

6、cript源文件（以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。 。!-document.writeln(这是Javascript！采用直接插入的方法！); Page 12JavaScript的基本语法 JavaScript代码由 Script Language=”JavaScript”Script说明，在标识之间就可加入JavaScript脚本。JavaScript脚本语言同其他语言一样，有它自身的基本数据类型、表达式和算术运算符以及程序的基本框架结构。JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法和属性等来实现编程的。 Page 13示例/ Ja

7、vaScript Appears here.alert(这是第一个JavaScript例子!);alert(欢迎你进入JavaScript世界!); alert(今后我们将共同学习JavaScript知识！); Page 14JavaScript与JAVA的比较是两个公司开发的不同的两个产品。解释和编译。强变量和弱变量。代码格式不一样。Integer x; String y;x=1234;y=4321;x=1234;y4321; Page 16JscriptJscript只有在Microsoft IE的解释器下才能运行。Jscript和 Javascript在某种程度上很相似，另一方面，它们也有一些重要的差异。 Page 17服务器端脚本控制逻辑：服务器收到客户端的请求，取出传递的参数并确定相应的“业务对象”，并进行适当的“业务动作”。好处：所需的客户端资源很少，应用逻辑不用装入，启动用户交互所需的网络通信量很少，动态内容完全由服务器端的可执行代码完成，仅仅将HTML页面返回客户端，这样服务器端的应用程序就不必考虑浏览器和客户平台的差异。支持这种体系结构的技术很多，包括：ASP、J